Fix validator warning by adding section heading

Author: lauracs24

Wireframe/index.html

@@ -16,9 +16,11 @@ <h1>Wireframe Exercise</h1>
 
   <main>
     <section class="articles">
+      <h2>Articles</h2>
+
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>What is a README file?</h2>
+        <h3>What is a README file?</h3>
         <p>
           A README file explains what a project is, how it works, and how to use it.
           It is usually the first thing CYF students read in a repository.
@@ -30,7 +32,7 @@ <h2>What is a README file?</h2>
 
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>What is a wireframe?</h2>
+        <h3>What is a wireframe?</h3>
         <p>
           A wireframe is a simple visual layout that shows the structure of a webpage
           before any design or styling is added.
@@ -40,7 +42,7 @@ <h2>What is a wireframe?</h2>
 
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>What is a Git branch?</h2>
+        <h3>What is a Git branch?</h3>
         <p>
           A Git branch lets you work on new changes safely without changing the main
           project. You can make updates, and only add them to the main code when they

Wireframe/style.css

@@ -22,7 +22,7 @@ header {
 }
 
 /* First article spans full width */
-.articles article:first-child {
+.articles article:first-of-type {
   grid-column: 1 / -1;
 }
 
@@ -36,7 +36,7 @@ article img {
   height: auto;
 }
 
-/* Border around links */
+/* Border around Read more links */
 article a {
   display: inline-block;
   border: 1px solid #ccc;
@@ -52,4 +52,4 @@ footer {
   border-top: 1px solid #ccc;
   background-color: #fff;
   padding: 10px;
-}
+}