다시 도전!

HTML에서 <table> 태그로 표를 만들 수 있다.

<table>, <tr>, <td>, <th>로 표 구조를 만듭니다.

CSS에서 object-fit 속성은 이미지나 비디오의 크기 맞춤 방식을 제어한다.

object-fit: cover는 비율을 유지하며 영역을 채우고, contain은 비율을 유지하며 전체를 보여줍니다.

CSS에서 rem 단위는 부모 요소의 font-size 기준이다.

rem은 루트 요소(html)의 font-size를 기준으로 합니다. 부모 기준은 em입니다.

CSS에서 contain: layout은 성능에 영향을 주지 않는다.

contain은 브라우저에게 요소의 독립성을 알려주어 레이아웃 재계산 범위를 제한하고 렌더링 성능을 향상시킵니다.

CSS에서 @media 쿼리로 반응형 디자인을 구현한다.

@media (max-width: 768px) { }로 화면 크기에 따른 스타일을 적용합니다.