Design comparison
SolutionDesign
Solution retrospective
How can I better achieve responsiveness
Community feedback
- @anoshaahmedPosted almost 3 years ago
To avoid accessibility and HTML issues in the future:
- wrap everything in your body in <main>
- start your headings with h1 and move up by one level each time
- give your <img> tags an alt=""
- style your <img> in css, not in html. for example the height.
Good job!
Marked as helpful0 - @whoamihealayPosted almost 3 years ago
Hi, Make the design work for mobile-first, I've found it's much easier to grow a design than to shrink it.
In practice, for the media queries, I style for mobile, do a @media screen and (min-width: 30em) for tablets, and 60em for desktop. If needed you can increase the number of steps and change little elements style ( a flex col to flex row here and there)
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