---
title: "Responsive Design"
date: "10-11-2025"
last_modified: "10-11-2025:19:21"
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