27 lines
366 B
Markdown
27 lines
366 B
Markdown
---
|
|
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
|