Вы деплоите сайт. На ноутбуке всё отлично. Открываете на телефоне — мобильное меню сломано, скиллы-бейджи показываются буллетами, контент вылезает за экран.
Баг 1: Десктопная навигация на мобайле
CSS-файл имел mobile-first подход, но сервер отдавал другой CSS — 38,886 байт вместо 53,378. UCSS-оптимизация LiteSpeed вырезала «неиспользуемые» правила.
Баг 2: Скиллы как буллеты
Браузер загружал только 250 из 311 CSS-правил. Секции портфолио были вырезаны LiteSpeed.
Баг 3: Контент вылезает за экран
Gutenberg добавлял inline width: 720px. Решение: overflow: hidden, width: 100% !important, max-width: min(72ch, 100%).
Баг 4: Контрастность WCAG
Заменили opacity на сплошной цвет #5f6673 (5.13:1), затемнили акцент до #ad5528.
Вывод
Самый неожиданный баг — хостинг портил CSS. Всегда проверяйте, что браузер получает то же, что вы задеплоили.
