All Shorthand stories are completely responsive and will always look good on any device or browser viewport.
We achieve this by styling our stories using CSS Media Queries to target the following named viewport breakpoints.
By default all styling is applied to the regular viewport.
VIEWPORT NAME | WIDTH RANGE |
XS | Less than 620px |
Small | 620 to 900px |
Medium | 900 to 1100px |
Large | 1100 to 1400px |
XL | 1400 to 1750px |
XXL | 1750 & above |
