Align with a grid
Hot Tip #36 is to align with a grid.
Layout grids keep your Landing Page tidy by positioning within constraints.
- Material Design – Google’s Material Design initiative does a great job of explaining the differences between columns, gutters, and margins.
- 8-Point Grid System – Very good visual breakdown by Elliot Dahl of the benefits an 8pt system give a design.
- CSS Grid Layout Guide – The most powerful layout system available in CSS. A comprehensive breakdown by CSS-Tricks.
- 1200px & 960px – The original grid systems we all used to reference.
- History of grids in Graphic Design – The brief evolution on Wikipedia.