Links must be distinguishable without relying on color
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>
Learn more Looking to hire developers?
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>
Learn more <a href="https://github.com/Gaspavar92">Gaspare</a>
Learn more <div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="https://github.com/Gaspavar92">Gaspare</a>.
</div>
Learn more Is there anything that I could have done better to achieve the same results? Things like best practices I did not follow or ways to achieve the same result in a simpler and more linear way.
@0xAbdulKhalid
Posted
Hello there π. Congratulations on successfully completing the challenge! π
HTML π·οΈ:
non-semantic
markup, which causes lacking of landmark for a webpage<section class="image-container">
element inside the semantic element <main>
along with <div class="attribution">
into a <footer>
element in your index.html
file to improve accessibility and organization of your page.<div>
or <span>
<main>
element should include all content directly related to the page's main idea, so there should only be one per page.
I hope you find this helpful π Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
@HusseinSamy
Posted
It's better to use an extension to help you create a PIXEL-PERFECT design to look identical to the design. You can try this one on any chromium-based browser: https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?pli=1
I hope this helps you in your upcoming challenges, you have done a great job so far!
Marked as helpful
Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!