Частые ошибки в адаптивной вёрстке: - **Неправильные брейкпоинты** – не учтены реальные размеры устройств. - **Перекрытие элементов** – контент накладывается друг на друга из-за неправильных отступов. - **Медленная загрузка изображений** – неоптимизированные `srcset` или отсутствие `loading="lazy"`. - **Горизонтальный скролл** – из-за `width: 100%` без `max-width` или `overflow-x: hidden`. - **Неадаптивные шрифты** – фиксированные `px` вместо `rem/vw`. Пример кода с ошибкой: ``` /* Плохо: жёсткие пиксели */ .header { font-size: 24px; width: 1200px; } /* Лучше: относительные единицы */ .header { font-size: 1.5rem; max-width: 100%; } ``` Проверяю через DevTools (Device Toolbar), эмуляцию сетей (3G) и реальные устройства.