レスポンシブテーブル

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

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

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

前の記事

サイズの違う下線を引く