π 8-Point Grid
Use multiples of 8 to define dimensions, padding and margins of all elements. Set the root font size to 16px
and use 0.5rem
increments to build the layout. By limiting your spacing options and font size options you get a more consistent UI and faster coding times.