Created bottom section with two parts side by side with placeholder content

Author: SABuilds

Wireframe/index.html

@@ -24,6 +24,24 @@ <h2>Title</h2>
         <a href="">Read more</a>
       </article>
     </main>
+    <section>
+    <article>
+      <img src="" alt="">
+      <h2>Placeholder</h2>
+      <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias rerum hic corporis modi dolor dolore optio quaerat recusandae ipsa. Alias distinctio nulla ex non ea architecto quidem tempore rerum. Sed aut optio explicabo in vel iste deleniti repudiandae nulla illum.
+      </p>
+      <a href="">Read more</a>     
+    </article>
+    <article>
+      <img src="" alt="">
+      <h2>Placeholder</h2>
+      <p>
+        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore, quibusdam exercitationem? Eligendi, veniam id eius fuga amet earum delectus hic, dolore ipsa, aut illum quas tenetur magni velit repellat odit!
+      </p>
+      <a href="">Read more</a>
+    </article>
+    </section>
     <footer>
       <p>
         This is the default, provided code and no changes have been made yet.

Wireframe/style.css

@@ -75,6 +75,13 @@ main {
     grid-column: span 1;
   }
 }
+
+section {
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-gap: 10px;
+  margin: 0 20px 20px 20px;
+}
 /* ====== 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.