제공된 HTML은 카드 요소 내에 이미지와 헤더를 사용합니다. 초기에는 헤더에 절대 위치 지정이 시도되었지만, 이는 레이아웃을 방해했습니다. 그리드 레이아웃이 우수한 솔루션으로 제안되어 이미지와 헤더가 동일한 그리드 영역을 차지할 수 있습니다. 이 그리드 접근 방식은 적절한 레이아웃과 시각적 표현을 유지합니다.
dev.to
Don't use CSS position: absolute to overlay two elements
Create attached notes ...
