Tailwind CSS Cheat Sheet

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!
← Back to Data Science & ML | Browse all categories | View all cheat sheets