Как в grid наложить одну ячейку на другую без позиционирования (position:*)?

Question

[Капитан Какао]

Есть область 100 на 100 пикселей.
В ней 2 ячейки занимающие по половине пространства.
Нужно что бы каждая ячейка была 100 на 100 и что бы одна располагалась по верх другой но без использования position: absolute / relative и всё такое.
Слышал вроде на гридах это можно сделать.

Answer 1

[Вадим]

Если у двух элементов в гриде указаны одинаковые области расположения, то они будут накладываться друг на друга. Ниже в разметке - выше в наложении.
p.s. убрал прозрачность у второго блока, чтобы было видно что он сверху.

Comments

[Капитан Какао]

Спасибо