Настройка стилей CSS

Question

Всем доброго времени суток! Подскажите пожалуйста как можно с помощью CSS реализовать следующий порядок блоков (как на скрине)?

Answer 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>

БЛОГ НА HUSL

Настройка стилей CSS

Ответы (1 шт):