Grid System

An underlying structure of columns and rows that aligns a layout.

A grid system is an invisible framework of columns, rows, and gutters that brings order and alignment to a layout. It keeps spacing consistent, content aligned, and designs responsive across screen sizes.

Grids make layouts feel intentional and professional, and give designers and developers a shared structure to build against.