<div class="about__main section">
  <div class="row">
    <div class="wrapper">
      <div class="title">0</div>
      <div class="about__bl flex__bl">
        <div class="about">
          <div class="ico">1</div>
        </div>
        <div class="about">
          <div class="ico">2</div>
        </div>
        <div class="about">
          <div class="ico">3</div>
        </div>
        <div class="about">
          <div class="ico">4</div>
        </div>
        <div class="about">
          <div class="ico">5</div>
        </div>
        <div class="about">
          <div class="ico">6</div>
        </div>
      </div>
    </div>
  </div>
</div>

.about{width: 50px; height: 50px;background-color: green;}
.title{width: 50px; height: 50px;background-color: red;}
.wrapper {
  width: fit-content;
  display: grid;
  grid: repeat(7, auto) / repeat(3, auto);
  gap: 10px;
}
.flex__bl {
  display: contents;
}
.title {
  grid-area: 3 / 2 / span 2;
}
.about {
  grid-row-end: span 2;
}
.about:nth-child(1) {
  grid-column: 2;
}
.about:nth-child(2) {
  grid-row-start: 2;
}
.about:nth-child(3) {
  grid-row-start: 2;
}