반응형 이미지 비율 유지하기

👉🏻반응형 이미지 비율 유지하기

바로 코드를 보면서 설명하겠습니다.

padding-top에 calc을 사용해서 계산 식을 넣어서 비율 계산할수 있습니다.

참고: aria-label은 웹에 더 정확한 정보를 전달하기 위해서 사용하는 속성 & 스크린 리더를 통해 웹을 사용하는 사용자들에게 전달해야 하는 정보를 제공하고 싶을 때 사용합니다.!!

👉🏻유튜브와 같은 iframe 영상 비율도 유지

이번에는 유튜브와 같은 iframe 태그 영상 비율도 유지해보도록 하겠습니다.