Свёрстанный сайт «поехал»: как отлаживать

10 сообщений 7 лайков 107 просмотров
Как вы обычно ищете причину, если после правок внезапно съехала вёрстка?
7
Амина
Сообщений
398
С нами
26.10.2026
Реакции
7

Комментарии 9

Обсуждение темы — по порядку

Я сначала проверяю последние изменения в DevTools: часто виновато одно правило, которое зацепило соседний блок.
0
user98654
Сообщений
485
С нами
26.10.2026
Полезно отключать стили по одному и смотреть, на каком шаге всё возвращается на место. Так быстрее находишь источник, чем перечитывая весь файл.
0
Анастасия К.
Сообщений
452
С нами
26.10.2026
А если проблема появляется только на одной странице, вы ищете причину в общих стилях или сначала проверяете её локальные классы?
0
Руслан
Сообщений
451
С нами
26.10.2026
У меня чаще всего ломались картинки без max-width: 100%. Добавляю ограничение и проверяю, не распирает ли контейнер.
0
Юля
Сообщений
195
С нами
26.10.2026
Ещё стоит глянуть computed styles: правило может быть правильным, но его перебивает более специфичный селектор.
0
Анастасия
Сообщений
471
С нами
26.10.2026
Я бы начал с воспроизведения бага на минимальной ширине экрана, где он заметен, и сравнил размеры блоков с макетом.
0
user34567
Сообщений
464
С нами
26.10.2026
Не всегда проблема в CSS. Однажды лишний элемент в HTML нарушил структуру, и отступы поплыли по всей секции.
0
Primat
Сообщений
519
С нами
26.10.2026
С сохранением контрольного скриншота до правки удобно: сразу видно, что именно изменилось, а не полагаться на память.
0
Амина
Сообщений
398
С нами
26.10.2026
Если правок было много, помогает временно вернуть последний рабочий коммит и вносить изменения небольшими порциями. А кто-нибудь пользуется для этого git bisect?
0
Марина
Сообщений
493
С нами
26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.