fixed validator errors and styled fonts of intro and content

Author: Giontr

Wireframe/index.html

@@ -15,7 +15,7 @@ <h1>Code Hub</h1>
     </header>
     <main>
       <article>
-        <img src="Readme.png" alt="README file illustration" id="readmeImg"/>
+        <img src="Readme.png" alt="README file illustration"/>
         <h2>What is a README file?</h2>
         <p class="intro">
           A README is the front door of any software project — the first document a visitor reads when they encounter your code.
@@ -26,7 +26,7 @@ <h2>What is a README file?</h2>
         <a href="https://en.wikipedia.org/wiki/README" target="_blank">Read more</a>
       </article>
       <article>
-        <img src="Wireframe1.png" alt="Wireframe illustration" id="readmeImg"/>
+        <img src="Wireframe1.png" alt="Wireframe illustration"/>
         <h2>What is a WIREFRAME?</h2>
         <p class="intro">
           A wireframe is a skeletal blueprint of a digital interface — a low-fidelity sketch that maps out layout and structure before any visual design begins.
@@ -37,7 +37,7 @@ <h2>What is a WIREFRAME?</h2>
         <a href="https://en.wikipedia.org/wiki/Website_wireframe" target="_blank">Read more</a>
       </article>
       <article>
-        <img src="git-branch.png" alt="Git branch illustration" id="readmeImg"/>
+        <img src="git-branch.png" alt="Git branch illustration"/>
         <h2>What is a BRANCH in Git?</h2>
         <p class="intro">
           A branch in Git is an independent line of development — a lightweight pointer that lets you work on changes in isolation without affecting the main codebase.

Wireframe/style.css

@@ -86,6 +86,16 @@ article {
   > img {
     grid-column: span 3;
   }
+  
+  .intro {
+    font-size: 1.25em;
+    font-weight: bold;
+  }
+
+    .content {
+      font-size: 0.9em;
+      opacity: 0.8;
+    }
 }
 footer {
   padding-bottom: var(--space);