Как сделать ячейки(td) в одной строке(tr) друг под другом при изменении width брайзера?

Question

[Михаил Гильмутдинов]

Помогите пожалуйста!
Адаптировать табличку.

Answer 1

[zooks]

Обычно делается вот так: одна ячейка - одна строка.

table {
    width: 100%;
}
td {
    display: block;
    text-align: center;
    width: auto;
}

Answer 2

[Никита Борзенков]

Делайте не таблицу, а псевдо-таблицу с помощью css из дивов. Строка - display:table-row; Ячейка - display:table-cell; При адаптиве ячейке ставьте display:block; и всё.

Answer 3

[Михаил Гильмутдинов]

Спасибо за ответы! Я в итоге просто перестроил таблицу. В строки. Но ваши варианты обязательно попробую!