<div class="table">

<div class="header">
  <div class="header__pos">#</div>
  <div class="header__img">Image</div>
  <div class="header__name">Name</div>
  <div class="header__sub">Description</div>
  <div class="header__x1">el 1</div>
  <div class="header__x2">el 2</div>
  <div class="header__x3">el 3</div>
  <div class="header__x4">el 4</div>
  <div class="header__empty"></div>
</div>

<div class="content">
  <div class="content__item">
    <div class="content__pos">1</div>
    <div class="content__img"><img src="" alt=""></div>
    <div class="content__name">Bla x1</div>
    <div class="content__sub">Поставленных организации место разработке финансовых прогрессивного</div>
    <div class="content__x1">x1</div>
    <div class="content__x2">x2</div>
    <div class="content__x3">x3</div>
    <div class="content__x4">x4</div>
    <div class="content__empty"><button>Click</button></div>
  </div>
  <div class="content__item">
    <div class="content__pos">2</div>
    <div class="content__img"><img src="" alt=""></div>
    <div class="content__name">Blabla x2</div>
    <div class="content__sub">Формировании занимаемых</div>
    <div class="content__x1">x</div>
    <div class="content__x2">x6</div>
    <div class="content__x3">x7</div>
    <div class="content__x4"></div>
    <div class="content__empty"><button>Click</button></div>
  </div>
  <div class="content__item">
    <div class="content__pos">3</div>
    <div class="content__img"><img src="" alt=""></div>
    <div class="content__name">Blablabla x3</div>
    <div class="content__sub">Позволяет</div>
    <div class="content__x1">x9</div>
    <div class="content__x2">x10</div>
    <div class="content__x3">x1111</div>
    <div class="content__x4">x12</div>
    <div class="content__empty"><button>Click</button></div>
  </div>
</div>

</div>

.table {
  display: grid;
  grid: auto-flow / repeat(3, auto) 1fr repeat(5, auto);
  gap: 8px;
}
.header, .content, .content__item {
  grid-column: 1 / -1;
  display: grid;
  grid: auto-flow / subgrid;
}