aspect-ratio

アスペクト比は一般的に、幅:高さ、x:yのように異なる次元を2つの整数とコロンで表されます。写真画像でよく使用されるアスペクト比は4:3や3:2で、動画では16:9がよく使用されています。aspect-ratioを使用すると、padding-topプロパティをオーバーホールして通常の範囲外のことをすることもありません。

.sponsor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.sponsor img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: contain;
}

【参考】
https://coliss.com/articles/build-websites/operation/css/how-to-use-aspect-ratio-css-property.html

inserted by FC2 system