Как сделать данную таблицу адаптивной (резиновой)?
<table class="html-2"><thead><tr><td>Наименование</td><td>Описание</td><td>Цена</td></tr></thead><tbody><tr><td>Виноград</td><td>Для приготовления вина</td><td>146 ₽</td></tr><tr><td>Яблоко</td><td>На любой вкус недорого</td><td>72 ₽</td></tr><tr><td>Лимон</td><td>Особо кислый</td><td>46 ₽</td></tr></tbody></table>




CSS
table {width: 100%; border-collapse: collapse;}
table thead tr {color: #ffffff; font-weight: bold; background: #00bf80;}
table thead tr td {border: 1px solid #01ab73;}
table tbody tr td {border: 1px solid #e8e9eb;}
table tbody tr:nth-child(2n) {background: #f4f4f4;}
table tbody tr:hover {background: #ebffe8;}