CSS Grid에서 grid-template-rows: subgrid를 자식 그리드에 설정하면 어떤 효과가 있나요?
어려움 MDN Web Docs해설
CSS Subgrid는 중첩된 그리드 컨테이너가 부모 그리드의 트랙(행 또는 열)을 자체 정의 대신 그대로 사용하게 합니다. 이를 통해 부모의 정렬 체계를 손자 요소까지 일관되게 유지할 수 있어, 카드 내부 요소를 다른 카드와 정확히 정렬하는 등의 레이아웃이 가능해집니다.
CSS Subgrid는 중첩된 그리드 컨테이너가 부모 그리드의 트랙(행 또는 열)을 자체 정의 대신 그대로 사용하게 합니다. 이를 통해 부모의 정렬 체계를 손자 요소까지 일관되게 유지할 수 있어, 카드 내부 요소를 다른 카드와 정확히 정렬하는 등의 레이아웃이 가능해집니다.