- Prefer to use
em
/rem
rather thanpx
rem
is the browser's default size - usually equal to16px
em
is relative to it's parent's sizing
- Consider which sizing makes most sense - should the sizing increase if the parent's increases (
em
) or should it remain constant (rem
).
- Always move colours into a separate file and reference through CSS variables
var()