처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS Grid에서 grid-template-rows: subgrid를 자식 그리드에 설정하면 어떤 효과가 있나요?

어려움 MDN Web Docs
보기 및 정답
A 자식 그리드가 부모 그리드의 행 트랙 정의를 그대로 상속받아 사용한다
B grid-template-areas에서 마침표는 병합된 셀을 나타낸다
C 암묵적 그리드 트랙은 명시적 트랙보다 항상 우선순위가 높게 적용된다
D 부모 그리드의 열(column) 정의가 자식에도 복제된다

해설

CSS Subgrid는 중첩된 그리드 컨테이너가 부모 그리드의 트랙(행 또는 열)을 자체 정의 대신 그대로 사용하게 합니다. 이를 통해 부모의 정렬 체계를 손자 요소까지 일관되게 유지할 수 있어, 카드 내부 요소를 다른 카드와 정확히 정렬하는 등의 레이아웃이 가능해집니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기