img画像でサムネイルを作る

.card__thumb{
  position: relative;
}
.card__thumb::before{
  content:"";
  display: block;
  padding-top: 56.25%;//padding-topハック
}
.card__thumb img{
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

img画像でサムネイルを作る

この記事が気に入ったらサポートをしてみませんか?