1
resposta

Como é definido o min-width para o @media?

Na aula o instrutor utilizou o @media screen and (min-width: 1440px) de acordo com o Figma.

Gostaria de saber se existe alguma convenção ou recomendação para esses tamanhos, ou se é só uma decisão de design para cada caso mesmo.

Obrigada!

1 resposta

Olá, bom dia!

Então, existe uma recomendação sim! A recomendação que eu e meus amigos costumamos usar são essas:

/* Mobile */
@media screen and (max-width: 480px) {

}

/* Tablets de baixa resolução e iPads modo retrato */
@media screen and (max-width: 767px) {

}

/* Tamanho máximo de iPads em modo retrato */
@media screen and (max-width: 1024px) {

}

/* Desktops */
@media screen and (max-width: 1280px) {

}

/* Telas grandes */
@media screen and (min-width: 1281px) {

}

Espero ter ajudado! Bons estudos! ;)