CSS Grid의 subgrid 기능이 해결하는 문제는?
어려움 MDN Web Docs해설
subgrid를 사용하면 중첩된 그리드 컨테이너가 부모 그리드의 트랙 크기를 그대로 상속받아 정렬됩니다. grid-template-columns: subgrid로 설정하면 자식의 열이 부모의 열과 완벽히 맞춰져, 카드 목록 등에서 내부 요소들이 깔끔하게 정렬됩니다.
subgrid를 사용하면 중첩된 그리드 컨테이너가 부모 그리드의 트랙 크기를 그대로 상속받아 정렬됩니다. grid-template-columns: subgrid로 설정하면 자식의 열이 부모의 열과 완벽히 맞춰져, 카드 목록 등에서 내부 요소들이 깔끔하게 정렬됩니다.