removed section element and incorporated into main element. corrected display of elements to be consistent even with page size change on a laptop

Author: SABuilds

Wireframe/index.html

@@ -23,10 +23,8 @@ <h2>Title</h2>
         </p>
         <a href="">Read more</a>
       </article>
-    </main>
-    <section>
     <article>
-      <img class="section__article--img" src="wireframe.png" alt="">
+      <img src="wireframe.png" 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.
@@ -41,7 +39,7 @@ <h2>Placeholder</h2>
       </p>
       <a href="">Read more</a>
     </article>
-    </section>
+    </main>
     <footer>
       <p>
         This is the default, provided code and no changes have been made yet.

Wireframe/style.css

@@ -70,16 +70,21 @@ https://gridbyexample.com/learn/
 */
 main {
   display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin-left: 10%;
+  margin-right: 10%;
   gap: var(--space);
   > *:first-child {
-    grid-column: span 1;
+    grid-column: span 2;
   }
 }
 
 section {
   display: grid;
   grid-template-columns: auto auto;
   grid-gap: 20px;
+  margin: 0 10%;
+  margin-bottom: 10%;
 }
 /* ====== Article Layout ====== 
 Setting the rules for how elements are placed in the article.