Fixed broken home page

Author: Reece-Edwards

images/chartExample.png

@@ -16,9 +16,10 @@
             <li><a href="/mapping.html">Open Data</a></li>
             <li class="right"><a href="/about.html">About</a></li>
         </ul>
-        
         <div class="textBox">
-            <h1>Put Image of graph here!</h1>
+            <h1>An Example Chart!</h1>
+        </div>
+        <div class="imgBox">
         </div>
         <div class="textBox">
             <h1>Welcome to: Data-Driven</h1>

index.html

@@ -4,6 +4,23 @@ body {
     color:white;
 }
 
+.imgBox{
+    background-image: url("/images/chartExample.png");
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+    border-style: ridge;
+    margin-top: 5%;
+    margin: auto;
+    width: 100vw;
+    height: 100vw;
+    max-height: 893px;
+    max-width: 1542px; 
+    display: flex;
+    justify-content: center;
+    align-items: center;;
+}
+
 a {
     color:white;
     font-weight: bold;