Breaking the td’s to block’s HTML table
In case of mobile devices, the html tables with lots of columns seems to go out of the visibility,
One way of making the always stay in visibility is to convert the td’s inside the table into block’s
this will align each td one below the other, that way the row looks like a column, and styling each rows with alternating colour will give the effect of multiple tables
1 2 3 4 5 |
@media screen and (max-width: 800px) { #loginTable td { display: block !important; } } |