---
title: Responsive Design
date: 10-11-2025
last_modified: 10-11-2025:19:59
tags:
    - projet
    - mobile
    - css
---

# Responsive Design

## Media Queries

```css
@media (max-width: 768px) {
  /* Tablettes */
}

@media (max-width: 480px) {
  /* Smartphones */
}
```

## Mobile-First

- Sidebar masquée par défaut
- Preview-only mode
- Touch-friendly buttons