Responsive Tables in Pure CSS
Changing the table format from rows to "cards" is an ABSOLUTELY TERRIBLE solution.  I don't understand why people do this.  It's not a table anymore.  You can't easily compare the figures in the columns against each other.The optimal solution, in my opinion, would be if you could specify a viewport width within a section of the site.   The browser would then shrink that portion down and the user would see the full table, shrunk down to the width of the browser.  The user can then magnify that area to see the data better.Not sure if I'm making sense here.  Also, I don't think this is technically possible right now.