clipboard-landing-page-master (HTML CSS)
Design comparison
Solution retrospective
Hello. Can you take a look at my try of this challenge. I really enjoyed this one. But at the end I needed to make multiple @media queries to make the page responsive. Is there a way to make less media queries ? Your feedback would help me a lot Thank you
Community feedback
- @Da-vi-dePosted over 3 years ago
Hi, are you familiar with mobile first approach? It seems to me you went backwards, from desktop to mobile, that's why you need more breakpoints, usually it's easier when you start the mobile version. Despite that, it's a good result, it looks good, it's not a very easy layout to deal with.
- I've noticed you use
em
unit forfont-size
, i advice you to not do that becauseem
unit is based on your parent, userem
instead (forfont-size
) and you have no problems because it's based on the root. I useem
for everything (especially media queries) exceptborder
andfont size
.
Hope it helps, happy coding!
Marked as helpful0@Rasoir-genereuxPosted over 3 years ago@Da-vi-de Hi, I've heard about starting the code by the mobile version. I though it would be hard to do. For my next challenge I will try it. Thanks for your suggestion about the unit. I always thought that they are similar.
1 - I've noticed you use
- @palgrammingPosted over 3 years ago
So far your results look really good. As you 5 company logos at the bottom start to wrap as the screen decreases in width you need to add some margin between your rows
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