SeConectai_Web/Conhecimento/skills/responsive.md

Skill — Responsive Engineering

Processo

1. Descubra breakpoints existentes.
2. Ache containers com largura fixa problemática.
3. Identifique componentes que dependem de hover.
4. Teste navegação, tabelas, formulários e modais.
5. Corrija primeiro estrutura, depois detalhes.

Anti-padrões

• esconder metade do sistema no mobile;
• fonte minúscula para fazer caber;
• overflow-x: hidden para mascarar layout quebrado;
• breakpoints arbitrários espalhados;
• largura fixa em componentes reutilizáveis.