12. Layout System

12. Layout System

Create a consistent system for spacing, base units, breakpoints, and grids.

A coherent layout system makes interfaces predictable.

Main concepts:

  • spacing
  • units
  • grid
  • breakpoints
  • container widths
  • responsive rules

In this chapter

On this page