cssで表を組むのが難しい件

今日の記事中には、画像と、それに対応する文字列があります。

知財FAQ | 位置商標とその識別力。クシ(知高判令和2年8月27日)とエバラ焼き肉のたれ容器(知高判令和2年12月15日)の裁判例について

2021年3月23日

最初は表を組んでPCだといい感じに表示されたのですが、スマホだと2つ目のカラム（右のカラム）が異常に細くなってしまいます。そこでresponsibe対応のショートコードを使うと、自動改行しない属性がつけられるようで（overflow-wrap : break-word）文字数が少ない場合にはいい感じの表になるのですが、セルの中の文字が多いと1行で延々とセルが右に大きくなってしまうということに気づきました。

いろいろと検索しましたが、悩んでいる同士は多い模様。レスポンシブ対応にすると特に面倒そうです。

cssをいじるのも楽しいのですが、もう心が折れて、tableを組むのは断念しました。

下書きだと思い込んでいた、途中でがたがたの表示が公開されてしまっていたようで、せっかく記事をご覧いただいた方に申し訳なかったです。