Tailwind Patterns Quick reference for Tailwind CSS utility patterns. Responsive Breakpoints | Prefix | Min Width | |--------|-----------| | | 640px | | | 768px | | | 1024px | | | 1280px | | | 1536px | Common Layout Patterns Card Button Form Input Dark Mode State Modifiers | Modifier | Triggers On | |----------|-------------| | | Mouse hover | | | Element focused | | | Being clicked | | | Disabled state | | | Parent hovered | Spacing Scale | Class | Size | |-------|------| | | 4px | | | 8px | | | 16px | | | 24px | | | 32px | Arbitrary Values Additional Resources For detailed patterns, load: -…