Maren Ehlers• 30
@MarenOelixtown
Posted
Congrats on completing the challenge 🎉 Nicely done...but if you would like to have an idea for code structure, maybe something like this to avoid divs:
<body>
<main>
<section>
<img src="" alt=""/>
<h1>Jessica</h1>
<h2>London</h2>
<p>"Frontend Developer"</p>
<ul>
<li>
<a href="" target="_blank">GitHub</a>
</li>
<li>
<a href="" target="_blank">Frontend Mentor</a>
</li>
<li>
<a href="" target="_blank">LinkedIn</a>
</li>
<li>
<a href="" target="_blank">Twitter</a>
</li>
<li>
<a href="" target="_blank">Instagram</a>
</li>
</ul>
</section>
</main>
</body>
See this html-help https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a and this css-help https://www.w3schools.com/css/css_link.asp for the a-tag. This ensure visitors can navigate the links only using their keyboard.
Cheers ✌️
0
