Не переносится таблица на мобильных устройствах. Как сделать?

Question

[Ольга]

Добрый день! На сайте есть таблица и если зайти на сайт с телефона, то вторая кнопка не переносится, а обрезается. Как можно перенести столбцы таблицы друг под друга?
Пробовала через bootstrap сделать, но как-то результат не поменялся
заранее спасибо!

<table>
    <tr>
<div class="calc-for-content-pages" style="text-align: center;">
            <div class="buttonblock">
                <td><a href="#zayavka" class="button sliding" data-link="price-list"><b>ОСТАВИТЬ ЗАЯВКУ</b></a></td>
                    <td style="vertical-align: middle;"><span>
                         или
                    </span></td>
                <td><a href="javascript:void(0)" class="button callback"><b>ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ</b></a></td>
            </div>
    </tr>        
</div>
</table>

Answer 1

[Yevhenii K]

Задайте ячейкам

td {
 display: block;
 width: 100%;
}

Answer 2

[Павел Коковин]

На мой взгляд, здесь не нужна таблица. Используйте флекс, flex-wrap: wrap и flex-basis с нужной шириной, после которой должен происходить перенос