Введение в CSS Grid

CSS Grid — это двумерная система компоновки, специально созданная для построения сеток. В отличие от Flexbox, который работает в одном направлении, Grid позволяет управлять и строками, и столбцами одновременно.

Grid vs Flexbox

Главное различие:

• Flexbox — одномерный (строка ИЛИ столбец)
• Grid — двумерный (строки И столбцы)

Когда использовать Grid?

• Макеты страниц (header, sidebar, content, footer)
• Галереи изображений
• Карточки товаров
• Сложные формы
• Дашборды

Ваша первая сетка

В следующем уроке разберём свойства Grid-контейнера подробнее.