Não existe tamanho "melhor" único — design responsivo adapta a toda tela. Comece com estes princípios:
- Breakpoint mobile-first: Projete para largura 375–390 px (iPhone/Android). Conteúdo empilha verticalmente.
- Tablet: 768–1024 px – layouts de duas colunas.
- Desktop: 1200–1440 px largura máxima do container; centralizado com whitespace generoso.
- Telas grandes: 1920+ px – evite esticar linhas de texto além de 75 caracteres.
Práticas-chave:
- Grids fluidos (%, não px fixo).
- Imagens flexíveis (max-width: 100%).
- Hierarquia visual clara — CTA above the fold.
- Carregamento rápido: otimize imagens, minifique CSS/JS.
- Teste em dispositivos reais + Chrome DevTools device toolbar.
Projete para conteúdo, não para tela. A "dobra" morreu; usuários rolam.
