Всем доброго времени суток! Подскажите пожалуйста как можно с помощью CSS реализовать следующий порядок блоков (как на скрине)?
1 ответ
я бы использовал grid
doc
.grid {
display: grid;
border: 1px solid #d3d3d3;
grid-template-columns: repeat(3, 1fr);
}
.grid > div {
min-height: 200px;
}
.grid .block {
grid-column: 1/1;
grid-row: 1/3;
border: 1px solid red;
}
.grid .label {
align-item: center;
border: 1px solid green;
}
<div class="grid">
<div class="block">block1</div>
<div class="label">label1</div>
<div class="label">label2</div>
<div class="label">label3</div>
<div class="label">label4</div>
</div>