CSS функции min, max и clamp с примерами использования

CSS функции min, max и clamp могут быть использованы везде где указываются числовые значения в CSS. Это размеры, отступы, радиус, позиционирование. Данные функции имеют хорошую поддержку: min и max по 98%, clamp - 95% по Can I Use. В этом видео рассмотрим как пользоваться данными функциями и будут показаны наглядные примеры их использования в HTML верстке сайтов. В видео использованы примеры из статьи Ролик про clamp в font-size: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ 7 уроков по 30 мин: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс “Профессия HTML верстальщик“: Старт обучения: 8 Января 2024 года Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс “JS Frontend разработчик“: Старт обучения: 15 Января 2024 года Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Для новичков и не только 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00 Медиазапросы больше не нужны 01:00 Бесплатный курс по верстке 01:11 CSS функция min() 03:03 CSS функция max() 03:59 CSS функция clamp() 05:43 clamp для font-size 06:53 Пример использования. Отступы в тексте 07:37 Пример использования. Ширина контейнера 08:03 Пример использования. Ширина сайдбара 08:28 Пример использования. border, radius, shadow 09:42 Пример использования. Отступ gap внутри сетки grid 10:09 Пример использования. Отступы внутри секции 10:45 Авторский курс по верстке 11:22 Завершение Сайт: Вконтакте: Telegram канал: