Design responsivo sem dor

Pequeno primeiro

Um design que começa no desktop e encolhe sempre produz compromissos; um que começa no celular e cresce produz uma hierarquia clara de importância. Em uma tela estreita não há espaço para o que não é essencial, e esse é exatamente o exercício que toda interface precisa.

Na prática: uma coluna, tipografia legível e áreas de toque grandes o suficiente para pressionar com o polegar.

Pontos de quebra pelo conteúdo

Não escolha pontos de quebra por modelos de dispositivo — a lista muda todo ano. Aumente a janela até o layout começar a parecer ruim, e coloque o ponto ali.

A maioria dos layouts modernos precisa de dois ou três pontos de quebra no total. Se você tem sete, provavelmente está desenhando telas em vez de definir comportamento.

O que realmente quebra

Tabelas largas, imagens com proporção fixa, títulos longos em hebraico que quebram feio, e menus que desaparecem. Cada um tem uma solução simples: scroll horizontal declarado para uma tabela, uma proporção definida e quebra de palavra controlada.