Адаптивность проверяется на разных устройствах и разрешениях. Основные ошибки: - **Некорректные отступы и масштабирование** – элементы накладываются, выходят за границы экрана. - **Ломаная верстка** – контент съезжает, не сохраняет структуру. - **Неадаптивные изображения** – не меняют размер, обрезаются или растягиваются. - **Проблемы с touch-элементами** – кнопки слишком маленькие для тапа. - **Разные шрифты и размеры текста** – текст не читается на мобильных устройствах. Пример проверки в CSS: ``` @media (max-width: 768px) { .header { font-size: 16px; /* Уменьшаем шрифт для мобильных */ padding: 10px; /* Корректируем отступы */ } } ``` Проверяйте через DevTools (режим адаптива) и на реальных устройствах.