Last Updated: November 21, 2025
Layout
| Class | CSS |
|---|---|
container
|
max-width: 100% |
flex
|
display: flex |
grid
|
display: grid |
block
|
display: block |
hidden
|
display: none |
Spacing
| Item | Description |
|---|---|
m-4
|
margin: 1rem |
p-4
|
padding: 1rem |
mx-auto
|
margin-left/right: auto |
space-x-4
|
gap between children |
Colors
bg-blue-500
Background color
text-red-600
Text color
border-gray-300
Border color
💡 Pro Tip:
Use Tailwind's JIT mode for faster builds!