https://tips.onepagelove.com/wp-content/themes/hottips/frontend/audio/36.mp3
Hot Tip #36 is to align with a grid.
Layout grids keep your Landing Page tidy by positioning within constraints.
**Resources**
[Material Design](<https://tips.onepagelove.com/go/material-columns-gutters-and-margins/>) – Google’s Material Design initiative does a great job of explaining the differences between columns, gutters, and margins.
[8-Point Grid System](<https://tips.onepagelove.com/go/8pt-grid-system/>) – Very good visual breakdown by Elliot Dahl of the benefits an 8pt system give a design.
[CSS Grid Layout Guide](<https://tips.onepagelove.com/go/css-grid-layout-guide/>) – The most powerful layout system available in CSS. A comprehensive breakdown by CSS-Tricks.
[1200px](<https://tips.onepagelove.com/go/1200px/>) & [960px](<https://tips.onepagelove.com/go/960px/>) – The original grid systems we all used to reference.
[History of grids in Graphic Design](<https://tips.onepagelove.com/go/history-of-grids/>) – The brief evolution on Wikipedia.
Next tip: