Making Tables Responsive With Minimal CSS

1 · CSS-Tricks · Oct. 17, 2019, 3:15 p.m.
Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this: See the Pen Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt) on CodePen. (Make sure to grab the Pen and make it a bit smaller to see how the design works responsively.) Bradley’s example markup looks like … Read article The post Making Tables Responsive With Minimal ...