Pular para conteúdo

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

  1. Setup: Instale e configure o Tailwind no seu projeto Vite.
  2. Login Screen: Crie uma tela de Login bonita e centralizada.
  3. Estilos: Use bordas arredondadas, sombras (shadow-md), efeitos de hover nos botões e um fundo suave.
  4. 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.