Quais os padrões mais comuns de tamanhos para celular, tablet e desktop ? o projeto utilizou 428 , 1024, 1728, é uma convenção ou depende ?
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
Quais os padrões mais comuns de tamanhos para celular, tablet e desktop ? o projeto utilizou 428 , 1024, 1728, é uma convenção ou depende ?
Olá Anthony!
Os tamanhos mais comuns para celular, tablet e desktop podem variar conforme o projeto e da necessidade do seu público-alvo. No entanto, existem algumas convenções que podem ser seguidas como ponto de partida.
Para dispositivos móveis, a largura da tela varia bastante, mas normalmente é recomendado projetar para um tamanho mínimo de 320 pixels de largura. Isso se deve ao fato de que muitos smartphones ainda possuem telas nessa resolução ou próxima a ela.
Em relação aos tablets, uma abordagem comum é projetar para uma largura de 768 pixels. No entanto, depende do seu público-alvo e das marcas e modelos usados, é importante verificar as resoluções mais comuns desses dispositivos para ajustar o layout de forma apropriada.
Já para o desenvolvimento de um site responsivo para desktop, é comum referenciar o tamanho da tela do desktop usando uma resolução mínima de 1024x768 pixels. No entanto, é importante ressaltar que, com o crescente uso de monitores com resoluções mais altas, é recomendável considerar o design responsivo para resoluções maiores, como 1280x800 pixels e 1366x768 pixels, para garantir que o site seja bem-apresentado em todas as telas de desktop.
Por fim, gostaria de reforçar que esses tamanhos são apenas uma referência e não uma regra. É fundamental testar o site em diferentes dispositivos e ajustar o tamanho do media-query conforme as necessidades do projeto.
Espero ter ajudado e bons estudos!
Massa, Gabriel, obrigado!