Comparison of traditional versus responsive Class Listing Table

View this webpage on your PC and then begin shrinking the width of the window. When you get to around 750pixel width, the bottom table will automatically transform into a new layout that works on mobile devices. So, it is truly responsive - presenting itself as a table grid on larger screens and as a totally different layout on smaller screens.

Table using old code (does not view well on small screens):

Table using responsive code (transforms into new layout on smaller screens):
Test this by shrinking the width of your screen down and the table will transform into a block style layout.




See our classes HERE