---
# System prepended metadata

title: CSS

---

# CSS

- Use flex and grid for layouts
- Font size should be in `rem`. The base font is set to `10px`. So `16px` would be `1.6rem`
- Use predefined color variables. Use hardcoded value only if the color does not exist and its required just a couple of times
- All value should be defined in multiples of `4`. ex., 12px, 16px, 44px..etc.
- When defining layouts, use consistent properties (ex. margin-bottom) on all elements instead of mixed properties (ex. margin-bottom & margin-top)
- 