Design comparison
SolutionDesign
Solution retrospective
Any feedback on better responsive design or ways to clean up/make the code more efficient would be great! Thanks!
Community feedback
- @muhammadshajjarPosted about 3 years ago
Hi Ryan, it is well responsive and works well on all viewports. your solution is really close to the design. Well done.
I would like to add some points.
- try to use
rem
or sometimesem
to avoid usingpx
. - heading levels should decrease by one.
h2-h6
. Only oneh1
per page. - your page should contain one
main
landmark. Try to use proper HTML semantics. e.g footer, main, etc.
Good luck on your next challenges.
Marked as helpful0@ryancalacsanPosted about 3 years ago@muhammadshajjar Thanks for the advice! I did mean to convert everything to rems once i finished but it slipped my mind.
I will also update my html with your advice as well as the generated report! Thanks again!
0 - try to use
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