Как применить grid?

Question

Как применить grid, чтобы сделать следующее, чтобы было как на фото?

{
display: grid;
grid: gap;
}

Answer 1

.grid__one {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.grid__two {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.grid__one>div,
.grid__two>div {
  border: 1px solid;
  height: 50px;
}

<div class="grid__one">
  <div></div>
  <div></div>
</div>
<div class="grid__two">
  <div></div>
  <div></div>
  <div></div>
</div>

БЛОГ НА HUSL

Как применить grid?

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