Braid provides 4 breakpoints that are uniform across all
themes to maintain a consistent set of conditions when designing experiences.
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.