Могу ли я расположить два блока в одной ячейке grid?

Question

[frayer]

блок слева занимает одну строку и одну колонку, могу ли я сделать так, чтобы блоки справа разостились так как на картинке?

.cards-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(5, 280px);
}

.bloksleva {
    border-radius: var(--border-radius);
    grid-area: span 1 / span 2 / auto / auto;
}

.about-5 {
    background-color: rgb(143, 87, 131);
    grid-area: span 1 / span 3 / auto / auto;
}
.about-6 {
    background-color: rgb(0, 255, 157);
    grid-area: span 1 / span 3 / auto / auto;
}

Comments

[Ankhena]

Теоретически можете, задав им размер и положение через align-self или margin'ом.

Только зачем так? Почему не сделать 2 строки?

[Lynn «Кофеман»]

Не заниматься фигнёй и сделать блок слева на две строки

[frayer]

Ankhena, да, но мне бы больше подошел меньший размер этих двух блоков, поэтому было интересно возможно ли это как-то реализовать

[WapSter]

frayer, дополнительной вложенностью

[Ankhena]

frayer, да, я написала как это сделать выше.