Home › Forums › Design › How to make a 2 column table responsive on desktop and phone. › Reply To: How to make a 2 column table responsive on desktop and phone.
September 25, 2017 at 3:53 am
#260468
JeroenR
Participant
You can achieve this by adding this to your CSS for example:
@media (max-width: 500px) {
td {
display: block;
}
}
But I’m not sure that the default behavior of the td
can be overwritten in every browser. If not, you can do it the other way around, display DIV’s as table and table-cell’s when the view port is wider than a certain number of pixels.