Frontend
Tailwind CSS Utilities Cheat Sheet
As classes utilitárias mais comuns do Tailwind CSS para layout e estilo.
Layout
Classes para criar um container flexbox alinhado.
flex items-center justify-between Grid responsivo com espaçamento.
grid grid-cols-1 md:grid-cols-3 gap-4 Espaçamento
Utilitários de padding e margin.
p-4 m-2 px-6 py-3 Cores
Cores de texto e fundo com estados de hover.
text-white bg-blue-600 hover:bg-blue-700 Tipografia
Tipografia: tamanho, peso e espaçamento de letras.
text-lg font-bold tracking-tight Design
Bordas arredondadas e sombras.
rounded-lg border border-gray-200 shadow-sm Responsividade
Controle de visibilidade por breakpoint.
hidden lg:block