Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

Max ou min width?

Qual a diferença entre usar max-width e min-width? Até onde vi, com max-width preciso de menos código para deixar responsivo

1 resposta
solução!

Se você for começar seu projeto em Desktop, na hora de fazer o responsivo, geralmente se usa@media screen and (max-width: XXXpx). quer dizer que, quando a tela for diminuir, o layout vai mudar em tal pixel.

caso voce comece com Mobile first, ou seja, com o projeto em mobile, geralmente se usa o @media screen and (min-width: XXXpx).

basicamente a finalidade é de estabelecer valores mínimo (min-width) e máximo(max-width) para a largura que você escolher.