- CSS Grid와 Flexbox를 사용하여 콘텐츠를 배치할 때
display: contents;
를 사용하여 자식 요소를 직접 부모 요소로 간주하여 레이아웃 구축이 용이해지 💎 display: contents;
는 CSS에서 해당 요소를 무시하고 자식 요소만 레이아웃 계산에 포함시킵니다. 👻display: contents;
는 Flexbox 컨테이너 내에서도 유용하나, 사용하면 해당 요소에 접근하는 CSS 스타일링이 불가능해짐에 유의! 🛠️