Added css to place bottom articles side by side

Author: ChinweP

Wireframe/index.html

@@ -27,7 +27,7 @@ <h2>What is the purpose of a README file?</h2>
 
     <section class="bottom-articles">
 
-      <articles id="wireframe-article">
+      <article id="wireframe-article">
         <img src="images/wireframe.png" alt="Example of a webpage wireframe"/>
         <h2>What is the purpose of a wireframe?</h2>
         <p>
@@ -51,7 +51,7 @@ <h2>What is a branch in Git?</h2>
     </main>
     <footer>
       <p>
-
+        Footers usually contain contact links and other information about the site overall
       </p>
 
     </footer>

Wireframe/style.css

@@ -87,3 +87,12 @@ article {
     grid-column: span 3;
   }
 }
+
+.bottom-articles {
+  grid-column: span 2;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--space);
+}
+
+