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

CSS функции min, max и clamp могут быть использованы везде где указываются числовые значения в CSS. Это размеры, отступы, радиус, позиционирование. Данные функции имеют хорошую поддержку: min и max по 98%, clamp - 95% по Can I Use. В этом видео рассмотрим как пользоваться данными функциями и будут показаны наглядные примеры их использования в HTML верстке сайтов. В видео использованы примеры из статьи Ролик про clamp в font-size: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс “Frontend разработчик. JavaScript React“: Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс “Разработка сайтов на PHP MySQL“: Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: 💈 Вступайте в группу Вконтакте: 💈 Подписывайтесь на Telegram: Тайм коды: 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 канал: #HTML #CSS #верстка #WebCademy #ВебКадеми #html5 #css3 #вёрстка #min #max #функция #clamp