fix the third image height

Author: khalil-ali1

Wireframe/index.html

@@ -32,8 +32,8 @@ <h2>wireframe</h2>
         </p>
         <a href="">Read more</a>
       </article>
-      <article>
-        <img src="/Wireframe/images/branch.webp" alt="Git Branch" height="420"/>
+      <article >
+        <img src="/Wireframe/images/branch.webp" alt="Git Branch" id="img3"/>
         <h2>Git Branch</h2>
         <p>
           A branch in Git is like a parallel version of a repository. It allows you to

Wireframe/style.css

@@ -82,6 +82,9 @@ Setting the rules for how elements are placed in the article.
 Now laying out just the INSIDE of the repeated card/article design.
 Keeping things orderly and separate is the key to good, simple CSS.
 */
+#img3{
+  height: 420px;
+}
 article {
   border: var(--line);
   border-radius: 15px;
@@ -98,7 +101,3 @@ article {
   }
 }
 
-
-#img3{
-  height:"420px";
-}