🧩 Верстка ломается не из-за CSS. Она ломается из-за отсутствия ограничений. Мозг новичка: «Сделаю как в макете, потом поправлю». Мозг профи: «Сначала введу правила, потом напишу код». Вот три правила, которые делают верстку железобетонной 👇 📏 1) Ограничь ширины и контейнеры Без max-width дизайн превращается в бесконечный космос. Контейнер — это гравитация для интерфейса. 🧱 2) Используй scale, а не случайные размеры Шрифты: 12 / 14 / 16 / 20 / 24 / 32 Отступы: 4 / 8 / 16 / 24 / 32 Случайные числа = визуальный шум. 🔒 3) Запрещай себе хаос Если стиль повторяется дважды — выноси в класс. Если цвет повторяется — в переменную. Если компонент повторяется — в компонент. 💭 Философская мысль: Интерфейс — это договор с хаосом. Ограничения — твой способ приручить Вселенную пикселей. 🔥 Челлендж: Попробуй сверстать страницу, используя ТОЛЬКО 5 размеров шрифта и 5 отступов. Поймёшь, почему Apple и Google выглядят «чисто». #frontend #css #ui #верстка #webdev #дизайн