Design comparison
SolutionDesign
Solution retrospective
Any suggestions for improvement would be greatly appreciated!
Community feedback
- @mgallegoaPosted about 2 years ago
Hi @dhdbrud318,
Great job with this challenge!!!! loved the sticky menu :)
Here are some points to consider for improvement, hope help to learn:
- I notice a little diference between the designd and the result, exist a lot of tools to solve this. I use the chrome extension PerfectPixel by WellDoneCode if you like to take a look.
- For the naming of the stiles you can use a standard. I use BEM convention (https://en.bem.info/methodology/css/) just for CSS.
- For accessibility the links should be work with an anchor <a>, there are a lot of user that just navigate in the pages with the keyboard.
- The accessibility issues reported for the front end mentor, could be solved adding a <h2> sub title and hide it with CSS display: none. This allow to some screen reader to direct the user in the section or article.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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