0

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

введите сюда описание изображения

1 ответ 1

0

я бы использовал 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>

2
  • Спасибо огромное!
    – Nick Grava
    22 июн 2021 в 8:05
  • @NickGrava если ответили вам верно отметте ответ как верный
    – Greg--
    22 июн 2021 в 10:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.