Skip to main content
Widths
Container scale, responsive page max-width, and breakpoint thresholds.
Containers
--container-3xs
128px
--container-2xs
192px
--container-xs
256px
--container-sm
320px
--container-md
384px
--container-lg
512px
--container-xl
640px
--container-2xl
768px
--container-3xl
896px
--container-4xl
1024px
--container-5xl
1312px
Page max-width (responsive)
--container-maxwidth · md
1312px
--container-maxwidth · sm
960px
--container-maxwidth · xs
736px
--container-maxwidth · 2xs
396px
Breakpoints
--breakpoint-2xs
400px
--breakpoint-xs
428px
--breakpoint-sm
640px
--breakpoint-md
768px
--breakpoint-lg
1024px
--breakpoint-xl
1280px
--breakpoint-2xl
1440px
--breakpoint-3xl
1920px