Fundamenten

Witruimte en layout

Responsive breakpoints en wat ze mogelijk maken

De vijf breakpoints waar het systeem naar grijpt, in Tailwind-eenheden, met de layoutverschuiving die elk daarvan in gang zet.

  • sm: 640px
  • md: 768px (sectiepadding gaat naar 120px)
  • lg: 1024px (de herokop haalt het doel van twee regels)
  • xl: 1280px (contentbreedte)
  • 2xl: 1536px (de zijmarges worden breder, de content blijft begrensd)
Witruimte en layout · Container