Aligning of elements\

Question

Каким образом можно расположить элементы (текст, заголовок и картинку) как на изображений

Answer 1

.box{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:10px;
  width: 300px;
}
.item{
  height: 100px;
  background-color: grey;
  display: flex;
  align-items:center;
  justify-content:center;
}
.item:nth-child(2),
.item:nth-child(4){
   background-color: transparent;
}

<div class="box">
  <div class="item">картинка</div>
  <div class="item"></div>
  <div class="item">текст</div>
  <div class="item"></div>
  <div class="item">стрелка</div>
  <div class="item">текст</div>
</div>

БЛОГ НА HUSL

Aligning of elements\

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