Layout

Responsive breakpoints, max-width container sizes, and the named z-index stack that keeps overlays layering predictably.

Breakpoints

sm640px
md768px
lg1024px
xl1280px
2xl1536px

Container sizes

xs20rem
sm24rem
md28rem
lg32rem
xl36rem
2xl42rem
3xl48rem
4xl56rem
5xl64rem
6xl72rem
7xl80rem
8xl90rem

Z-index

hide-1
base0
docked10
dropdown1000
sticky1100
banner1200
overlay1300
modal1400
popover1500
skipLink1600
toast1700
tooltip1800