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.