23 lines
665 B
Markdown
23 lines
665 B
Markdown
# 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 |
|
|
|
|
---
|