Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Página inicial do Huddle com blocos de recursos alternados, Responsivo

@marcoslimaJS


Design comparison


SolutionDesign

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

P
Vander Santos 1,750

@vanderms

Posted

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 helpful

0

@marcoslimaJS

Posted

@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 GitHub
Discord logo

Join 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