Сегодня мы с вами познакомимся (а может и повторим) одну очень полезную фичу css, которой я очень часто пользуюсь + небольшой css-челлендж внутри. CSS3 принес нам целую кучу полезностей (повтори на досуге). Но сегодня речь будет про функцию calc(); Я люблю JavaScript и периодически так хочется написать какую-нибудь функцию прямо в стилях. Но пока приходится ограничиваться calc. Даже из названия понятно, что она что-то рассчитывает, но у тебя может возникнуть вопрос: “а зачем в css вообще что-то считать?”...

CSS — это не только цвета и размеры. Даже базовые возможности CSS могут сильно упростить жизнь, если знать о них. Разберём 7 простых и полезных фишек, без сложных терминов. 1️⃣ box-sizing: border-box. Почему важно: ширина блока не ломается, когда ты добавляешь padding. 👉 Обязательно добавляй в каждый проект. 2️⃣ max-width вместо width. Сайт становится адаптивным и нормально выглядит на больших экранах. 3️⃣ gap вместо margin. Проще управлять расстояниями между элементами...