JSFiddle - React, Tailwind, and code Playground

HTML

<div class="range">
  <h2>Ассортимент</h2>
  <table>
    <tr>
      <th>Название</th>
      <th>Алк.</th>
      <th>Ккал</th>
      <th>Объём</th>
      <th>Стоймость</th>
    </tr>
    <tr>
      <td>Классика</td>
      <td>&lt; 1,2%</td>
      <td>33</td>
      <td>330 мл</td>
      <td>120 Р.</td>
    </tr>
    <tr>
      <td>Шабаш</td>
      <td>&gt; 1,2%</td>
      <td>45</td>
      <td>330 мл</td>
      <td>250 Р.</td>
    </tr>
    <tr>
      <td>Вахтёр <sup>Новинка</sup></td>
      <td>&lt; 1%</td>
      <td>35</td>
      <td>0,5 л</td>
      <td>150 Р.</td>
    </tr>
    <tr>
      <td>Романтик <sup>Новинка</sup></td>
      <td>&lt; 0,5%</td>
      <td>27</td>
      <td>0,5 л</td>
      <td>90 Р.</td>
    </tr>
  </table>