JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabl3" class="container table-content hidden-xs">
    <div class="row heading">
      <div class="col-sm-12">
        <h2>Резервные копии сайта</h2>
        <p>Запас места на диске позволяет не только загружать больше контента в лучшем качестве,
        но и увеличивает устойчивость сайта за счет большего срока резервного копирования всех данных.</p>
      </div>
    </div>
    <div class="row match">
      <div class="col-sm-2" style="height: 340px;">
        <div class="type ta"><p>тип хостинга</p></div>
        <div class="price ta"><p>стоимость</p></div>
        <div class="params ta"><p>срок хранения<br>резервных копий</p></div>
      </div>
      
      
      <div class="col-sm-2" style="height: 340px;">
        <div class="type"><img src="/wp-content/themes/wideteplate/support/compare-widestudio.png"></div>
        <div class="price">500 <i>руб./мес.</i></div>
        <div class="params">
          <span class="hdd-space">до 30 дней</span>
        </div>
      </div>
      
      
      <div class="col-sm-2" style="height: 340px;">
        <div class="type"><img src="/wp-content/themes/wideteplate/support/compare-standart.png"><br>
        Обычный хостинг</div>
        <div class="price">≈ 260 <i>руб./мес.</i></div>
        <div class="params">
          <span class="hdd-space">до 7 дней</span>
        </div>
      </div>
      
      
      <div class="col-sm-2" style="height: 340px;">
        <div class="type">Потребности<br>
        интернет-магазина<br>
        с базой в <b>1000</b> товаров</div>
        <div class="price">—</div>
        <div class="params">
          <span class="hdd-space">—</span>
        </div>
      </div>
      
      
      <div class="col-sm-2" style="height: 340px;">
        <div class="type">Потребности<br>
        интернет-магазина<br>
        с базой в <b>10 000</b> товаров</div>
        <div class="price">—</div>
        <div class="params">
          <span class="hdd-space">—</span>
        </div>
      </div>
...

CSS

.row {
  overflow: hidden;
}
.row .col-sm-2 {
  width: 16.66666%;
  float: left
}
.row .gray {
  background: gray;
}

JavaScript

$(document).ready(function(){
    $('#tabl3 .col-sm-2').hover(
    function(){ //over
    $(this).addClass('gray').siblings().removeClass('gray');
    },
    function(){ //out
    $(this).removeClass('gray');
    }
); 
});