レスポンシブテーブル

tbodyをdisplay:flex:にして、trをそれぞれflexのアイテムにしてしまう。
それからtrの中身をdisplay:block;にする。

テーブルのタグを使っているのだけど、実際はフレックスボックスとして表示される。

メディアクエリでflexをはずしてやると、元のテーブルとしての表示になる。