Exercício 7 Reutilização de componentes com responsividade
Neste exercício, você irá aprimorar o template desenvolvido anteriormente (exercício 6) para torná-lo responsivo quando acessado por dispositivos de tela pequena, como smartphones. A capacidade de se adaptar a diferentes tamanhos de tela é essencial para garantir uma experiência de usuário consistente em diferentes dispositivos.
Veja o protótipo de exemplo: Instruções:
Utilize media queries em seu arquivo styles.css para aplicar estilos específicos que sejam adequados para dispositivos de tela pequena. Adapte o layout para garantir que os componentes sejam exibidos de forma agradável e funcional em dispositivos móveis.