CSS only Responsive Tables

Use flexbox to make tables responsive and flip columns with rows

 

David Bushell writes:

Four years ago I shared an idea to make tabular data responsive. Browser support was experimental and the workarounds were extremely hacky. I revisited the technique this week, cleaned it up, and I am pleased to say all modern browsers work perfectly.

Read more from dbushell.com