From 7c2674937267f98bba27b6100c9aa68cde71d301 Mon Sep 17 00:00:00 2001
From: Trevor Blades <tdblades@gmail.com>
Date: Wed, 6 Mar 2019 16:30:35 -0800
Subject: [PATCH] Fix images in html

---
 docs/source/index.md                 | 2 +-
 docs/source/intro/platform.md        | 2 +-
 docs/source/tutorial/introduction.md | 4 ++--
 docs/source/tutorial/schema.md       | 6 ++----
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/docs/source/index.md b/docs/source/index.md
index f406f69..785c789 100644
--- a/docs/source/index.md
+++ b/docs/source/index.md
@@ -13,7 +13,7 @@ The Apollo GraphQL platform is an implementation of GraphQL that helps you manag
 </div>
 
 <div style="text-align:center">
-![Graph layer](./img/platform.jpg)
+  <img src="./img/platform.jpg" alt="Graph layer>
 </div>
 
 
diff --git a/docs/source/intro/platform.md b/docs/source/intro/platform.md
index 10b3110..9163503 100644
--- a/docs/source/intro/platform.md
+++ b/docs/source/intro/platform.md
@@ -15,7 +15,7 @@ components, commercial extensions, and cloud services. The major pieces
 are:
 
 <div style="text-align:center">
-![Graph layer](../img/platform-diagram.png)
+  <img src="../img/platform-diagram.png" alt="Graph layer">
 </div>
 
 <h2 id="open-source">Core open source components</h2>
diff --git a/docs/source/tutorial/introduction.md b/docs/source/tutorial/introduction.md
index 5dfabe9..4bc3e28 100644
--- a/docs/source/tutorial/introduction.md
+++ b/docs/source/tutorial/introduction.md
@@ -14,7 +14,7 @@ Apollo is a complete platform for implementing a graph over your data. It includ
 Why do you need a graph? Today, one of the most difficult parts of building an app is figuring out your data layer. Often, there's many data sources you need to fetch from and many clients you need to support. When you layer a graph in between your services and your UI, you can remove a lot of complexity from your data fetching logic and ship features faster.
 
 <div style="text-align:center">
-![Graph layer](../images/graph-layer.png)
+  <img src="../images/graph-layer.png" alt="Graph layer">
 </div>
 
 **[GraphQL](https://www.graphql.org/)** is the specification that we'll be using to communicate between our graph API and client. The spec itself is language-agnostic and unopinionated, so we're choosing to implement GraphQL with the Apollo platform.
@@ -26,7 +26,7 @@ In this tutorial, we'll build an interactive app for reserving your spot on an u
 Here's what the finished app will look like:
 
 <div style="text-align:center">
-![Space explorer](../images/space-explorer.png)
+  <img src="../images/space-explorer.png" alt="Space explorer">
 </div>
 
 The app has five screens: a login screen, a list of launches, a launch detail, a profile page, and a cart. The graph API powering our space app connects to a REST API and a SQLite database. Don't worry if you're unfamiliar with those technologies, you don't need to know how to build a REST API or SQLite database from scratch in order to complete the tutorial.
diff --git a/docs/source/tutorial/schema.md b/docs/source/tutorial/schema.md
index 117c40e..0137f67 100644
--- a/docs/source/tutorial/schema.md
+++ b/docs/source/tutorial/schema.md
@@ -186,15 +186,13 @@ The GraphQL Playground provides the ability to introspect your schema. **Introsp
 
 
 <div style="text-align:center">
-![Schema button](../images/schematab.png)
-<br></br>
+  <img src="../images/schematab.png" alt="Schema button">
 </div>
 
 You can quickly have access to the documentation of a GraphQL API via the `schema` button.
 
 <div style="text-align:center">
-![More details on a Schema Type](../images/moredetailsonatype.png)
-<br></br>
+  <img src="../images/moredetailsonatype.png" alt="More details on a Schema Type">
 </div>
 
 That's all for building our schema. Let's move on to the next part of our tutorial.