# Responsiveness Strategy

## Breakpoints

| Breakpoint | Min Width | Target |
|------------|-----------|--------|
| **sm** (Mobile) | 0 | Smartphones |
| **md** (Tablet) | 640px | Tablettes |
| **lg** (Desktop) | 1024px | Laptops |
| **xl** (Wide) | 1280px | Grands moniteurs |

## Adaptation Patterns

| Element | Desktop | Tablet | Mobile |
|---------|---------|--------|--------|
| **Sidebar** | Expanded | Collapsed (icons) | Burger menu |
| **Dashboard** | 3 colonnes | 2 colonnes | 1 colonne |
| **DataTable** | Full | Colonnes prioritaires | Cards |
| **Modals** | Centré 500px | 90vw | Plein écran |
| **Filtres** | Sidebar | Sidebar mini | Modal |

---