A grid system is a foundational structure of columns and lines essential for achieving consistent layouts. There are four distinct types of grids: manuscript grid, column grid, modular grid, and hierarchical grid. Responsive layouts dynamically adjust based on device breakpoints, allowing for customised designs across various screen sizes.

2m read timeFrom uxplanet.org
Post cover image
Table of contents
Grid Systems in DesignWhat it is?Why use it?Anatomy of a gridTypes of gridsSummary

Sort: