Projeto 14 - Estilização Moderna (Tailwind) 🎨
🎯 Objetivo
Implementar uma interface profissional e moderna utilizando as classes utilitárias do Tailwind CSS.
🛠️ Requisitos
- Configuração do Tailwind CSS no projeto.
- Design responsivo.
🏗️ Tarefas
- Setup: Instale e configure o Tailwind no seu projeto Vite.
- Login Screen: Crie uma tela de Login bonita e centralizada.
- Estilos: Use bordas arredondadas, sombras (
shadow-md), efeitos de hover nos botões e um fundo suave. - Responsividade: Garanta que o formulário ocupe a largura total no celular e tenha uma largura fixa em telas maiores.
🧪 Verificação
Abra o site e verifique se o layout está alinhado e se os botões e campos possuem o visual "premium" proporcionado pelo Tailwind.