CSS Grid. Один блок на другой?

Question

[Skeefz]

Как сделать как на картинке?

Answer 1

[Narts]

Вариантов куча
1. margin-top: -Npx;
2. через :after сделать такой же блок по цвету, задать высоту Npx, вынести его за границы родителя (position: abolute; bottom: -Npx;), настроить z-index
3. position: relative; top: -Npx;

Comments

[Rustam Bainazarov]

Skeefz, для иллюстрации.

Так (1-й пункт):


Или так (3-й пункт):


Второй пункт иллюстрировать не стал, ибо он больше подходит для специальных случаев, когда, например, всё считается на JS.