Пример верстки страницы из 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. Основы