Курс HTML/CSS Advanced | Позиционирование CSS Grid: теория + практика
В этой серии уроков я расскажу про один из самых мощных и эффективных методов позиционирования HTML элементов. Это CSS Grid.
Мы начнем с теории CSS Grid и изучим его основные свойства, такие как: display: grid, grid-template-columns, grid-template-rows, gap, column-gap, row-gap, grid-auto-rows, grid-auto-flow, grid-template-areas, place-content, а также css функции, как repeat(), minmax() и многое другое.
После теории CSS Grid мы с вами перейдем к практике и сверстаем из HTML5 шаблона разные типы сайтов: Сайт с одной колонкой, сайт с двумя колонками и сайт с 3x колоночным типом.
Я рекомендую изучать CSS Grid на сайте FructCode, где ты сразу сможешь закреплять полученные знания на практике, выполняя интерактивные упражнения CSS Grid в браузере.
Я создал целый раздел посвященный CSS Grid позиционированию:
Новые уроки каждую неделю!
Мы в социальных сетях:
Fac
50 views
1862
539
4 months ago 00:17:48 4
Web Dev полый курс с нуля. Урок 1. Введение. План разработки