One page
CSS cheat sheet
What to keep at hand. If a line is not clear, go back to the matching lesson in the course.
Open the course: CSS: getting startedRule
| What | How |
|---|---|
| Class | .card { } |
| Cascade | lower + stronger specificity |
| Box | box-sizing: border-box |
| Token | var(--ink) |
Layout
| What | How |
|---|---|
| Row | display: flex; gap: 1rem |
| Grid | display: grid; repeat(auto-fit, minmax(16rem, 1fr)) |
| Absolute | relative on the parent |
| Screen width | @media (min-width: 40rem) |