Что значит CSS grid?

Где и как употребляется

Включается свойством display: grid. Разработчики задают колонки и строки через grid-template-columns, используют единицу fr и именуют области сетки. Часто говорят просто grid: Let’s do this with grid — «Давайте сделаем это на grid».

Примеры предложений

1. With CSS grid, the gallery shows four columns on desktop and two on tablets.

   С помощью CSS Grid в галерее на компьютерах отображаются четыре колонки, а на планшетах — две.

   Число колонок сетки зависит от ширины устройства.

2. I rebuilt the dashboard with CSS grid and removed half of the wrapper divs.

   Я перестроил панель управления на CSS Grid и удалил половину обёрточных div.

   Сетка позволила упростить разметку панели.

Распространённые словосочетания

• grid layout
• grid template
• grid area
• fr unit
• display: grid