퀴즈 / CSS / 문제

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

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

해설

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

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...