Codding Challenge jonasschmedtmann#1

Author: rahilsama

starter/02-HTML-Fundamentals/content.txt

@@ -19,7 +19,7 @@ In HTML, each element is made up of 3 parts:
 The opening tag
 The closing tag
 The actual element
-You can learn more at the MDN Web Docs.
+hy JavaScript
 
 Why should you learn HTML?
 

starter/02-HTML-Fundamentals/challenges.jpg renamed to starter/02-HTML-Fundamentals/img/challenges.jpg

@@ -24,7 +24,7 @@ <h1>📘 The Code Magazine</h1>
         <h2>The Basic Language of the Web: HTML</h2>
 
         <img
-          src="/starter/02-HTML-Fundamentals/laura-jones.jpg"
+          src="/starter/02-HTML-Fundamentals/img/laura-jones.jpg"
           alt="Picture of the author: laura Jones"
           width="50"
           height="50"
@@ -35,7 +35,7 @@ <h2>The Basic Language of the Web: HTML</h2>
 
         <!-- Images added to the html doc -->
         <img
-          src="/starter/02-HTML-Fundamentals/post-img.jpg"
+          src="/starter/02-HTML-Fundamentals/img/post-img.jpg"
           alt="HTML code on the screen"
           width="500"
           height="200"
@@ -106,8 +106,42 @@ <h3>Why should you learn HTML?</h3>
       <p>Hopefully you learned something new here. See you next time!</p>
     </article>
 
+    <aside>
+      <p><strong>Related posts</strong></p>
+      <ul>
+        <li>
+          <img
+            src="./img/related-1.jpg"
+            width="75"
+            height="75"
+            alt="Person programming"
+          />
+          <a href="#">How to learn Web Development</a>
+          <p>By Jonas Schmedtmann</p>
+        </li>
+        <li>
+          <img
+            src="./img/related-2.jpg"
+            width="75"
+            height="75"
+            alt="Lighting in the sky"
+          />
+          <a href="#">The unknown powers of CSS</a>
+          <p>By Jim Dillion</p>
+        </li>
+        <li>
+          <img
+            src="./img/related-3.jpg"
+            width="75"
+            height="75"
+            alt="Code on computer screen"
+          />
+          <a href="#">Why JavaScript is Awesome</a>
+          <p>By Matilda</p>
+        </li>
+      </ul>
+    </aside>
+
     <footer>Copyright &copy; 2027 by the Code Magazine</footer>
   </body>
 </html>
-
-<!-- semantics -->