Design comparison
SolutionDesign
Solution retrospective
Any tips.
Community feedback
- @jmnyaregaPosted over 3 years ago
Impressive work on the challenge @shake88junt, the page responds well to mobile & desktop 👏👏👏👏.
A few recommendations:
- I can't navigate the site using the keyboard only, you may want to add a focus state on buttons and links.
- Prefer using relative units
- Instead of
<div class="main">
you can use HTML5 tags<main>
.
Otherwise, great work on the challenge.
0@shake88juntPosted over 3 years ago@jmnyarega really good advice man. So I should use rem instead of em?
0@jmnyaregaPosted over 3 years ago@shake88junt I will recommend starting with
rems
, there is a caveat withems
. If nested, they compound and cause problems. Kevin explains better CSS em and rem explained1@shake88juntPosted over 3 years ago@jmnyarega That's really helpful, I shoul've thought of it sooner. My margins, padding and font-size are more consistent now!
0
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