Имеется grid контейнер, который содержит 7 дочерних - Ответ на вопрос по HTMLиCSS №2281445

Вопрос

Имеется grid контейнер, который содержит 7 дочерних элементов. Необходимо создать сетку из трех строк с конфигурацией 1-1-1-2-1-1-2, где 1 и 2 - количество занимаемых элементом столбцов.
Каким образом стоит это сделать?

• Grid контейнеру указывается класс grid-cols-3. Каждому из элементов указывается ширина в процентах, которую он должен содержать относительно строки сетки (1/3, если элемент должен занимать 1 столбец и 2/3, если элемент должен содержать 2 столбца).

• Grid контейнеру указывается класс grid-cols-3. Элементам, которые должны занимать 2 столбца задаются классы col-span-2.

• Grid контейнеру указывается класс grid-rows-3. Каждому из элементов указывается ширина в процентах, которую он должен содержать относительно строки сетки (1/3, если элемент должен занимать 1 столбец и 2/3, если элемент должен содержать 2 столбца).

• Grid контейнеру указывается класс grid-rows-3.

Ответ