Under the Approaches for Responsive Tables heading…
Collapse by rows: Split each row into its own single column mini-table on small screens. Switching display:table
into display:block
will cause this with normal table markup.
There are also other linked articles in the Related Resources section at the bottom of the blog post, so try those for more tips and sample code snippets.
If you need further help, please post a simple demo in CodePen to show us your code and clearly explain any problems you’re having.