Breakpoints

The breakpoints are based on the Bootstrap 5 grid, see docs here

Available breakpoints

Bootstrap includes six default breakpoints, sometimes referred to as grid tiers, for building responsively.

Each breakpoint was chosen to comfortably hold containers whose widths are multiples of 24. Breakpoints are also representative of a subset of common device sizes and viewport dimensions—they don't specifically target every use case or device. Instead, the ranges provide a strong and consistent foundation to build on for nearly any device.