Margin, padding, gap at a glance. Print it, pin it, internalize it.
The sheet#
| Class / pattern | Notes |
|---|---|
p-4 / px-5 / py-2.5 | core pattern |
m-4 / mx-auto / -mt-8 | centering |
gap-4 / gap-x-6 / gap-y-10 | core pattern |
space-y-6 stacks | core pattern |
w-full max-w-3xl | core pattern |
How to practice#
- Rebuild one recipe from memory using only this sheet
- Add a screen prefix to every pattern
- Swap one palette across the whole sheet
- Then delete the sheet — the search bar is faster