📝 Descrição / Objetivo

O objetivo desta tarefa é tornar a interface do usuário totalmente responsiva, garantindo uma experiência de usuário consistente e agradável em diferentes dispositivos e tamanhos de tela (mobile, tablet e desktop).

✅ Tarefas

• Fazer o site ser responsivo para diferentes tamanhos de tela

📌 Critérios de Aceitação

• Sem Overflow: Não deve haver scroll (rolagem) horizontal em nenhum breakpoint definido.
• Legibilidade: Textos devem ser legíveis e ter tamanho adequado em telas pequenas.
• Navegação Mobile: O menu de navegação principal deve ser substituído por um menu “hambúrguer” (ou similar) em breakpoints móveis.
• Tamanho de Alvo (Hit Targets): Botões, links e outros elementos interativos devem ser fáceis de clicar/tocar em dispositivos touch (tamanho e espaçamento adequados).
• Imagens: Imagens devem ser redimensionadas proporcionalmente e não devem quebrar o layout.
• Fluxo de Conteúdo: O conteúdo deve “empilhar” ou ser reordenado de forma lógica em telas menores.
• Testes Visuais: O layout foi testado e aprovado nas ferramentas de desenvolvedor do Chrome/Firefox (modo responsivo).
• (Opcional) Testes em Dispositivos: O layout foi verificado em (pelo menos) um dispositivo móvel real (iOS ou Android).

🔗 Link do ambiente / site

#77