Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Insure landing page with html scss and Vanilla JS

Rhythm Saha• 650

@rhythmsaha

Desktop design screenshot for the Insure landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


suggestions ?

Community feedback

Rhythm Saha• 650

@rhythmsaha

Posted

Thanks..

0
Zineb Boutaa• 750

@zineb-Bou

Posted

Your site looks good on different screen sizes.

Overall semantically also looks good, just be careful you don't need to include more than <h1/>. web page has only one <h1/>.

Add text to social media links and make it sr-only, visually hidden, and read-only by screen readers. hide the icons because we don't want the screen reader to read the image source path, the same thing applied to the hamburger menu.

Footer nav, I think they are all links, not just list items.

Any image that is purely decorative hides it from the screen reader using aria-hidden: true.

Happy coding

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord