Skip to content

Layout

Breakpoints

Breakpoints are the triggers in base17 for how your layout responsive changes across device or viewport sizes.

Grid System

There are five tiers to the base17 grid system, one for each range of devices we support. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.

Spacing

Base17 includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.

Back to Top