# Espacement et mise en page - Système de design Unless

Fondations

# Espacement et mise en page
  [Grille](/fr/design/foundations/spacing/)[Échelle](/fr/design/foundations/spacing/scale/)[Conteneur](/fr/design/foundations/spacing/container/)[Points de rupture](/fr/design/foundations/spacing/breakpoints/)
## Points de rupture réactifs et ce qu'ils débloquent

Les cinq points de rupture que le système mobilise, en unités Tailwind, avec le changement de mise en page que chacun déclenche.

- `sm` : 640 px
- `md` : 768 px (la marge de section passe à 120 px)
- `lg` : 1 024 px (le titre du héros atteint sa cible de deux lignes)
- `xl` : 1 280 px (plafond de contenu)
- `2xl` : 1 536 px (les marges s'élargissent, le contenu reste plafonné)
       [Espacement et mise en page · Con...](/fr/design/foundations/spacing/container/)     [Mouvement · Courbes d'accélérati...](/fr/design/foundations/motion/)