Na prática + Reflita

Na Prática

Teste de responsividade em 5 minutos

Você não precisa de um Galaxy A14 para testar. Faça isso agora mesmo:

Se você estiver no celular, também vale: abra um site no navegador, aumente o zoom do sistema, gire a tela e veja se leitura, menu e botões continuam funcionando sem esforço.

1. Abra qualquer site que você usa no dia a dia (pode ser seu próprio portfólio, se tiver um).
2. No Chrome, pressione F12 para abrir o DevTools.
3. Clique no ícone de celular/tablet no canto superior esquerdo do DevTools (ou use Ctrl + Shift + M).
4. Mude a largura para 390px (largura típica de um iPhone atual). Observe: o que mudou? O que quebrou? O menu ainda funciona?
5. Agora mude para 320px (celulares pequenos, que ainda existem). Algo sumiu? Textos ficaram sobrepostos?
6. Por fim, volte para a largura do desktop e aplique zoom de 200% (segure Ctrl e pressione + até o navegador mostrar 200%). O layout ainda funciona?

Anote tudo que quebrou. Esse exercício simples é exatamente o tipo de validação que um designer precisa fazer antes de entregar qualquer protótipo para desenvolvimento. Se quebrou no seu navegador, vai quebrar no celular do cliente.