Página inicial do Huddle com blocos de recursos alternados, Responsivo
Design comparison
Solution retrospective
Hello everybody! I didn't have any difficulties to create the project, but I think I made excessive use of the media query. guys, do you think that unnecessary media queries were used? if yes, what could i improve?
Community feedback
- @vandermsPosted over 2 years ago
Hi, congratullations for completing this challenge.
The amount of media queries is ok. You don't need to worry about it.
The only thing that I would point out is that I saw in your code that you used a media query with max-width: 900px and another with min-width 900px.
So, at exact 900px both medias will apply. Is this the desired behaviour? If not you could set the one with min-width to 901px.
And about this subject, maybe you should give a try to the mobile first approach. Most of the time it is easier than the desktop first.
Keep up the good work!
Marked as helpful0@marcoslimaJSPosted over 2 years ago@vanderms Olá Vander, muito obrigado pelo feedback! com relação a media query min 900px, é porque eu havia colocado o título do card que fica antes do footer com o VW para tentar ser mais responsivo, porém depois eu fui reparar que quando a tela for grande demais, esse vw começa a ficar muito grande e desproporcional.
Com relação ao mobile First vou tentar nas próximas vezes.
E mais uma vez, muito obrigado pelo feedback mano 😁
1
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