Как с помощью grid сделать такое?

Question

[Intelix]

Как с помощью css grid сделать такую таблицу?

<div class="container">
    <div class="box">Ячейка 1 на всю ширину</div>
    <div class="box">Ячейка 2 на всю ширину</div>
    <div class="box">Ячейка 3 на половину ширины</div>
    <div class="box">Ячейка 4 на половину ширины</div>
  </div>

Comments

[Ankhena]

Задать первым двум grid-column: span 2
Что именно у вас не получилось?

[Сергей delphinpro]

Если "мыслить гридами", то сразу все ясно:

Ячейка на всю ширину => ячейка на две колонки
Ячейка на половину ширины => ячейка на одну колонку

[Александр Васильев]

вот еще вариант
https://developer.mozilla.org/ru/docs/Web/CSS/grid...

Answer 1

[Александр]