fix footer

Author: mandipsanger

Wireframe/index.html

@@ -27,7 +27,7 @@ <h1>Wireframe</h1>
           src="https://public-images.interaction-design.org/literature/articles/materials/ElementsofaWireframe.png"
           width="300"
           height="200"
-          alt="Wireframe"
+          alt="Wireframe Design"
         />
         <h2>Purpose of Readme file</h2>
         <p>
@@ -47,7 +47,7 @@ <h2>Purpose of Readme file</h2>
           src="https://ubc-lib-geo.github.io/gis-workshop-waml-template/content/img/readme3.png"
           width="300"
           height="200"
-          alt="Readme"
+          alt="Readme file example"
         />
         <h2>Purpose of Wireframe</h2>
         <p>
@@ -69,7 +69,7 @@ <h2>Purpose of Wireframe</h2>
           src="https://framerusercontent.com/images/jmGsErVaXE9HMnmsIjHDba05DSg.png"
           width="300"
           height="200"
-          alt="Branch"
+          alt="Git Branch Visual Graph"
         />
         <h2>Purpose of Branch</h2>
         <p>

Wireframe/style.css

@@ -53,6 +53,10 @@ footer {
   position: fixed;
   bottom: 0;
   text-align: center;
+  border-top: var(--line);
+  width: 100%;
+  background: var(--paper);
+  padding: var(--space);
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -69,6 +73,14 @@ main {
     grid-column: span 2;
   }
 }
+
+h1 {
+  text-align: center;
+}
+header p {
+  text-align: center;
+}
+
 /* ====== Article Layout ====== 
 Setting the rules for how elements are placed in the article. 
 Now laying out just the INSIDE of the repeated card/article design.