Tentei perguntar na live dive coding (06/07/2022) algumas vezes, de formas diferentes, mas fui ignorado. Gostaria de saber como é escolhido o modelo de celular (dimensões para teste de site responsivo) no "inspecionar, visto que há diversos modelos e tamanhos. Será que a minha dúvida é tão idiota assim?
hoje, com a Alura e o Google Gemini
Oi, Alan. Acredito que toda dúvida é válida, também estou nessa! Mas acredito que você pode escolher uma tela para trabalhar e deixar um valor padrão máximo, sabe? Por exemplo, em um dos projetos que estava fazendo usei o "max-width: 480px", logo ele vai ser aplicado para telas até esse tamanho. Isso ajuda bastante para a responsividade, como pode ver a seguir:
@media screen and (max-width: 480px){
.box, .main, .benefits-content, .map-content, .video{
width: auto;
}
h1{
text-align: center;
}
nav{
position: static;
}
.benefits-list, .img_beneficios{
width: 100%;
}
}