update wireframe html

Author: Temceo

Wireframe/index.html

@@ -23,6 +23,24 @@ <h2>Title</h2>
         </p>
         <a href="">Read more</a>
       </article>
+       <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>Title</h2>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
+          voluptates. Quisquam, voluptates.
+        </p>
+        <a href="">Read more</a>
+       </article>
+       <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>Title</h2>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
+          voluptates. Quisquam, voluptates.
+        </p>
+        <a href="">Read more</a>
+      </article>
     </main>
     <footer>
       <p>

Wireframe/style.css

@@ -61,12 +61,16 @@ Play with the options that come up.
 https://developer.chrome.com/docs/devtools/css/grid
 https://gridbyexample.com/learn/
 */
-main {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--space);
-  > *:first-child {
-    grid-column: span 2;
+
+
+@media (min-width: 550px) {
+    main {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--space);
+    > *:first-child {
+      grid-column: span 2;
+    }
   }
 }
 /* ====== Article Layout ======