edit style

Author: Dipa-Sarker

Wireframe/index.html

@@ -33,7 +33,8 @@ <h3>Summary</h3>
         </p>
         <a href="https://en.wikipedia.org/wiki/README">Read more</a>
       </article>
-      <article>
+      <section class="cards">
+       <article class="card">
         <img src="https://cdn.sanity.io/images/599r6htc/regionalized/4c8605ad998d69b03a6eefb850cce5e23a0a96dc-2880x1440.png?w=2880&h=1440&q=75&fit=max&auto=format" alt="Wireframe"/>
         <h2>What is the purpose of a wireframe?</h2>
         <h3>Summary</h3>
@@ -53,8 +54,8 @@ <h3>Summary</h3>
           and labels instead of polished visuals.
         </p>
         <a href="https://en.wikipedia.org/wiki/Website_wireframe">Read more</a>
-      </article>
-      <article>
+       </article>
+       <article class="card">
         <img src="https://koliber.com/static/images/articles/trunk-flow.png" alt="Git Branch"/>
         <h2>What is a branch in Git?</h2>
         <h3>Summary</h3>  
@@ -69,7 +70,8 @@ <h3>Summary</h3>
            </ul>
         </p>
         <a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github">Read more</a>
-      </article>
+       </article>
+      </section>
     </main>
     <footer>
       <p>

Wireframe/style.css

@@ -60,5 +60,9 @@ article {
   }
 
 }
-
+.cards {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2rem;
+}