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!
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!
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!
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! ;)