CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS

? Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/ Старт обучения: 30 Октября 2023 года. ↓↓↓ Тайм-коды ↓↓↓ В этом уроке мы подробно изучим работу с сеткой CSS Grid. Все на простых и понятных примерах. Тайм коды в описании. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ? Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 30 Октября 2023 года ? Курс "JS Frontend разработчик + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 23 Октября 2023 года ? Обучение с нуля ?♂️ Обучение с наставником ? Доведение с нуля до результата ? Помощь с трудоустройством ? Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ? Бесплатный курс по верстке сайтов: https://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: https://webcademy.ru/ Вконтакте: https://vk.com/webcademy Telegram канал: https://t.me/webcademynews :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 - Приветствие 00:30 - Основы сетки. Колонки, ряды, отступы 04:03 - Фракции 05:46 - Функция repeat() 08:03 - Функция minmax() 11:15 - Направление контента. grid-auto-flow 12:04 - Явная и неявная сетки. Размеры по умолчанию для рядов и колонок 15:20 - Автоматические колонки auto-fill и auto-fit 20:07 - Перемещение ячеек внутри сетки 28:36 - Выравнивание ячеек внутри колоно и рядов 33:32 - Сокращенная запись grid-template 35:00 - Области сетки grid areas 41:10 - Вложенные сетки 42:25 - Пример CSS grid в верстке сайта 48:45 - Завершение

Видео CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS автора Здоровое питание для подростков