Tailwind CSS Utilities Cheat Sheet

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

Utilitários de padding e margin.

p-4 m-2 px-6 py-3

Cores de texto e fundo com estados de hover.

text-white bg-blue-600 hover:bg-blue-700

Tipografia: tamanho, peso e espaçamento de letras.

text-lg font-bold tracking-tight

Bordas arredondadas e sombras.

rounded-lg border border-gray-200 shadow-sm

Controle de visibilidade por breakpoint.

hidden lg:block