Display, position, z-index, overflow. Print it, pin it, internalize it.
The sheet#
| Class / pattern | Notes |
|---|---|
flex / grid / hidden | layout engine |
relative + absolute + inset-0 | core pattern |
sticky top-0 z-40 | core pattern |
overflow-x-auto | core pattern |
container mx-auto px-6 | centering |
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