JSFiddle - React, Tailwind, and code Playground

by ElenaOr

HTML

<div class="blocks1">
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
</div>
<div class="blocks2">
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
</div>
<div class="blocks3">
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="price-table-row">Другой блок</div>
<div class="services-title">Первый...

CSS

.blocks1,
.blocks2,
.blocks3 {
  display: flex;
  margin-bottom: 10px;
}
.price-table-row {
  width: 90px;
  height: 90px;
  background: red;
  border: 1px solid #000;
}

.services-title {
  width: 90px;
  height: 90px;
  background: green;
  border: 1px solid #000;
}

.blocks1 .services-title + .price-table-row {
  background: blue;
}

.blocks2 .services-title ~ .price-table-row {
  background: yellow;
}

.blocks3 > .services-title {
  background: purple;
}