665 B
665 B
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 |