Как разместить 2 и 3 элементы ровно?

Question

[Alexander3928]

Как 1 и 2 элемент разместить так чтобы они были 60% и 40% по отношению 1 элементу?

https://codepen.io/Alexxxsander/pen/mdXaBLG

Answer 1

[Александр]

.item:nth-child(1) {
    grid-column: 1 / span 6;
    grid-row: 1 / span 10;
}

.item:nth-child(2) {
    grid-column: 7 / span 6;
    grid-row: 1 / span 6;
}

.item:nth-child(3) {
    grid-column: 7 / span 6;
    grid-row: 7 / span 4;
}

.item:nth-child(4) {
    grid-column: 1 / -1;
}

и высоту уберите у них, либо используйте min-height;

Comments

[Alexander3928]

Это немного не тот результат. Я специально 1 поставил такой размер. Мне нужно разместить так чтобы 1 элемент был по размерам как 2 и 3 элемент, или наоборот кому как удобно

[Александр]

Alexander3928, ну и задайте высоту сейчас первому блоку, а не всем.