[css] 이미지 object-fit

다양한 이미지 사이즈를 비율에 맞게 센터 정렬하며 화면을 줄였을 때 비율에 맞게 줄어들게 만든다

<div class="card">
  <div class="imgbox">
  	<img src="" alt="사진">
  </div>
  <div class="txtbox">
    <strong class="title"></strong>
    <p class="date">2025.01.01</p>
  </div>
</div>

.imgbox{padding-top:54%; position: relative; overflow: hidden;}
.imgbox img{width:100%; height:100%; object-fit: cover; position: absolute; top:0;}