object-fitの使い所object-fit: cover;の使い所は、大体カードコンポーネントの画像箇所です。 HTMLコーディングだけだと分かりにくいですが、WordPressだと特に「様々なリテラシーの人が画像を入稿する」可能性があります。 コーディング段階のデザインカンプで埋め込まれている画像はちょうどよい縦横比になっているかもです。 しかし、リリース後の実際の運用では、例えば以下のような様々な縦横比の画像が入稿される可能性があります。 試しに上記の画像を用いて、以下の縦幅横幅だけ指定したコードでカードコンポーネントを構築してみます。 <div class="container"> <div class="card1"> <img src="img/6b6da573d740d54c9016244d2cd9172b.png" class="image1"> <p class="t