2 枚の横長のカードを、両方の画像の下部が揃うように並べてみます。

Question

画像のカードが隣のカードと正確に並んでいません 画像の下部が揃うように 2 枚の水平カードを並べようとしています。これは私の現在のHTMLコードです:

リーリー

と私の CSS コード:

リーリー

現在の画像を投稿しました。私の目標は、飛行機を 2 番目のカード画像の下部に揃えることです。私はこの目的のために Bootstrap バージョン 4 を使用しています。

このコードを使用してみました:

リーリー

ここのカードの下部はきちんと揃っていますが、最初のカードの画像が下部までいきません。画像: 平面が 2 番目の画像の下部と整列していません

Answer 1

カードクラスの下の div クラス行に h-100 を追加すると、問題が解決しました。