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 700px

Small

700 to 900px

Medium

900 to 1100px

Large

1100 to 1400px

XL

1400 to 1750px

XXL

1750 to 2000px