How to make cells (td) in one line (tr) under each other when changing the width of the browser?

Question

css

Help me please!
Adapt the board.

Answer 1

Usually done like this: one cell - one line.

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

Answer 2

Make not a table, but a pseudo-table with css from divs. Row - display:table-row; Cell - display:table-cell; When adapting a cell, set display:block; and that's it.

Answer 3

Thanks for answers! I ended up just rebuilding the table. In lines. But I will definitely try your options!