Урок - Верстка HTML страницы с применением FLEX и GRID контейнеров за 35 минут

Опубликовано: 19 Февраль 2025
на канале: IT Public 503
279
16

Пример верстки страницы из PSD файла (Adobe Photoshop) в HTML страницу с применением FLEX и GRID контейнеров.

Урок содержит полное создание страницы на HTML + CSS, при этом в основе шаблона используются контейнеры для FLEX позиционирования, чтобы сделать многоколоночный вывод центральной части. Далее на основе созданной страницы FLEX контейнер меняется на GRID вносятся улучшения, которые позволяют разместить все контентные блоки на одном уровне.

Содержание:
00:00 - Введение и исходные данные
00:50 - Компановка исходного макета
03:10 - Верстка макета на базе FLEX
42:10 - Смена порядка вывода Flex ячеек
43:40 - Переработка стилей под Grid

Уроки HTML
   • Лекция 1.1 - Web - Язык HTML. Основы