Роман

Гриды идеально подойдут для вашей задачи. Если есть пробелы в знаниях - вот хорошая статья

Можно сделать по аналогии с bootstrap
<576px
≥576px
≥768px
≥992px
≥1200px

1. Перепутана вложенность. Надо так:

<table class="table_price">
  <tr>
    <th>Наименовение услуги</th>
    <th>Цена</th>
  </tr>
    <tr>
    <td>Item 1</td>
    <td>Item 2</td>
  </tr>
  <tr class="separator"></tr>           <tr>
    <td>Item 1</td>
    <td>Item 2</td>
  </tr>         
</table>

2. В css поставьте пробел после table, так как в вашем случае данный стиль будет применяться только к таблице с классом separator

table .separator {
    width: 20px;
    height: 20px;
}

3. Исправьте clas на class

<table clas="table_price">