Как сделать сайт адаптивным (responsive)?

Question

Accepted Answer

## План
1. Viewport meta. 2. Fluid-ширины (`%`, `fr`, `minmax`, `clamp`). 3. Media/container queries. 4. Гибкие медиа (`max-width: 100%`). 5. Проверка на реальных устройствах.

## Минимум

```html
<meta name="viewport" content="width=device-width, initial-scale=1" />
```

```css
img, video { max-width: 100%; height: auto; }
.container { width: min(100% - 2rem, 1100px); margin-inline: auto; }
@media (min-width: 768px) {
  .sidebar { display: block; }
}
```

Добавьте доступные размеры тач-целей и `prefers-reduced-motion`.

## Итог
Responsive = гибкая сетка + переломы + гибкий контент, а не «три отдельных сайта».