Este repositório contém a solução para o desafio de Tailwind CSS proposto pela Origamid. O objetivo foi desenvolver uma interface web responsiva e moderna utilizando exclusivamente o framework Tailwind CSS, utilizando apenas grid e gap, sem uso de margin ou padding.
- Tailwind CSS: Framework CSS utilitário.
- HTML5: Estruturação do conteúdo.
- Vite (opcional): Para desenvolvimento local mais rápido.
Explorar as funcionalidades do Tailwind CSS, aplicando conceitos como:
- Criação de layouts modernos e responsivos.
- Uso de classes utilitárias para estilização ágil.
- Personalização de estilos com o arquivo
tailwind.config.js
.
- Responsividade: Interface adaptada para diferentes tamanhos de tela.
- Estilo Moderno: Utilização de componentes estilizados com classes do Tailwind.
- Design Minimalista: Aplicação de boas práticas de UI/UX.
-Vercel: https://desafio-tailwind-rouge.vercel.app/
- Clone este repositório:
git clone https://github.com/myllenabitar/desafio-tailwind.git
- Navegue até o diretório do projeto:
cd desafio-tailwind
npm install
npm run dev
🏆 Aprendizados Este projeto foi uma excelente oportunidade para consolidar meus conhecimentos em Tailwind CSS e melhorar minha eficiência no desenvolvimento de interfaces. Além disso, aprendi a:
Utilizar classes utilitárias para estilizar rapidamente. Configurar um ambiente de desenvolvimento para projetos CSS modernos. 📬 Contato Gostou do projeto? Vamos conversar!
Este projeto faz parte do meu aprendizado contínuo em desenvolvimento front-end. Feedbacks são bem-vindos! ✨