Skip to content

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.

Notifications You must be signed in to change notification settings

myllenabitar/desafio-tailwind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Desafio Tailwind CSS 🚀

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. Pagina Inicial

🛠️ Tecnologias Utilizadas

  • Tailwind CSS: Framework CSS utilitário.
  • HTML5: Estruturação do conteúdo.
  • Vite (opcional): Para desenvolvimento local mais rápido.

🎯 Objetivo do Projeto

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.

🔍 Recursos Implementados

  • 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.

💻 Deploy

-Vercel: https://desafio-tailwind-rouge.vercel.app/

🚀 Como Executar Localmente

  1. Clone este repositório:
    git clone https://github.com/myllenabitar/desafio-tailwind.git
  2. 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! ✨

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published