Skip to content

Commit ccd5a65

Browse files
committed
Completed challenge #1 of section 02. Moved all section 02 images into the new /img folder. Added aside element after the main article, with a list of related posts. Each list item consists of an image, a link and a paragraph with the name of the author.
1 parent 6f19c4e commit ccd5a65

File tree

7 files changed

+39
-2
lines changed

7 files changed

+39
-2
lines changed

starter/02-HTML-Fundamentals/index.html

Lines changed: 39 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ <h1>📘 The Code Magazine</h1>
3131
<h2>The Basic Language of the Web: HTML</h2>
3232

3333
<img
34-
src="laura-jones.jpg"
34+
src="img/laura-jones.jpg"
3535
alt="Picture of Laura Jones, the author of the article"
3636
width="50"
3737
height="50"
@@ -43,7 +43,7 @@ <h2>The Basic Language of the Web: HTML</h2>
4343
</p>
4444

4545
<img
46-
src="post-img.jpg"
46+
src="img/post-img.jpg"
4747
alt="HTML code on a screen"
4848
width="500"
4949
height="200"
@@ -111,6 +111,43 @@ <h3>Why should you learn HTML?</h3>
111111
<p>Hopefully you learned something new here. See you next time!</p>
112112
</article>
113113

114+
<aside>
115+
<h4>Related posts</h4>
116+
117+
<ul>
118+
<li>
119+
<img
120+
src="img/related-1.jpg"
121+
width="75"
122+
height="75"
123+
alt="Person Programming"
124+
/>
125+
<a href="#">How to learn Web Development</a>
126+
<p>By Jonas Schmedtmann</p>
127+
</li>
128+
<li>
129+
<img
130+
src="img/related-2.jpg"
131+
width="75"
132+
height="75"
133+
alt="Thunderstorm blazing the night sky"
134+
/>
135+
<a href="#">The Unknown Powers of CSS</a>
136+
<p>By Jim Dillon</p>
137+
</li>
138+
<li>
139+
<img
140+
src="img/related-3.jpg"
141+
width="75"
142+
height="75"
143+
alt="JavaScript code inside editor"
144+
/>
145+
<a href="#">Why JavaScript is Awesome</a>
146+
<p>By Matilda</p>
147+
</li>
148+
</ul>
149+
</aside>
150+
114151
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
115152
</body>
116153
</html>

0 commit comments

Comments
 (0)