画像の有無でレイアウトが変わる

同じ .card でも、img を持つかどうかでレイアウトが切り替わります

画像ありのカード

画像があるので、サムネイルと本文が横並びの2カラムレイアウトになります。

画像なしのカード

画像がないので、本文だけの1カラムレイアウトになります。HTMLの構造は画像ありのカードと同じで、img要素があるかないかだけの違いです。

もう1つの画像ありカード

こちらも画像があるので2カラムです。