Роман

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

Можно использовать Pug

PHP

doctype html
html
    head
        meta(charset = 'utf-8')
        meta(name='viewport', content="initial-scale=1.0, width=device-width")
        title
            block title
    body
        block main
1
2
3
4
5
6
7
8
9
doctype html
html
    head
        meta(charset = 'utf-8')
        meta(name='viewport', content="initial-scale=1.0, width=device-width")
        title
            block title
    body

Можно сделать по аналогии с 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">