5 причин, почему твоя вёрстка "плывёт"
(и как это быстро пофиксить)

1. Отсутствие box-sizing: border-box;
Контейнеры с паддингами становятся шире, чем ты думаешь. Добавь это в * { box-sizing: border-box; }.

2. Фиксированные ширины
width: 1200px — плохая идея. Лучше max-width и width: 100%.

3. Неиспользование Flex/Grid
Стилишь всё через margin, float, position? Забудь. Переходи на флекс или грид.

4. Нет ресета стилей
У каждого браузера свои отступы. Используй normalize.css или напиши свой ресет.

5. Работа без контейнера
Если у тебя нет центрального контейнера (.container { max-width; margin: 0 auto; padding: ... }) — верстка начнёт вести себя как попало.

#полезности