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
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
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.