import { breakpoints } from "braid-design-system/css"
A named set of screen sizes that form the basis of all responsive rules in Braid.
Braid provides 4 breakpoints that are uniform across all themes to maintain a consistent set of conditions when designing experiences.
mobile
0
tablet
740px
desktop
992px
wide
1200px
To make responsive styling easier, these breakpoints can be targeted either through component props, such as responsive props on Box or Stack, or in stylesheets using the responsiveStyle utility.