Insure landing page

Solution retrospective
Hello, Why according to HTML report issues role="navigation" and role="main" are not neccessary? And of course, any feedback is more than welcomed.
Thank you
Please log in to post a comment
Log in with GitHubCommunity feedback
- @emestabillo
Hi Marta, great job! Site seems responsive. The roles are not necessary in this case because they are redundant. You already used the proper html tags to define landmarks in your document. Check out this [article] (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role) which clearly explains the purpose of the roles.
A few more thoughts:
-
On larger screens, the entire
.wrapper
is left-aligned -
The social media icons in the footer could use
a
tags. Hover states are also missing there and in the mobile nav. -
Minor changes in font styling should get the page closer to the design
Hope this helps :-)
-
- @ApplePieGiraffe
Hello, Marta! 👋
Always nice to see you complete another challenge! 😀 Well done on this one! Everything looks pretty good and responds well! 👍
Two minor things I suggest are,
- Adding a hover state to the social media icons near the bottom of the page.
- Perhaps adding a max-width to the bottom-most button in the mobile navigation so that it isn't too wide when the layout first changes from desktop to tablet.
Keep coding (and happy coding, too)! 😁
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