처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS Grid의 subgrid 기능이 해결하는 문제는?

어려움 MDN Web Docs
보기 및 정답
A 중첩된 그리드의 자식 요소가 부모 그리드의 트랙(행/열)에 정렬되도록 한다
B subgrid 값을 사용하면 부모의 그리드 설정이 무시되고 완전히 독립된다
C display: grid를 설정해도 자식의 float가 그대로 유지된다
D grid-template-areas에서 마침표는 병합된 셀을 나타낸다

해설

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

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

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

정규반 살펴보기

관련 문제

CSS에서 isolation: isolate 속성의 효과로 올바른 것은?
CSS
CSS font-variant-numeric 속성에서 tabular-nums 값의 효과로 올바른 것은?
CSS
CSS :focus-visible 의사 클래스가 :focus와 다른 점으로 올바른 것은?
CSS
CSS에서 position: sticky 요소가 고정되지 않는 흔한 원인으로 올바른 것은?
CSS
CSS 사용자 정의 속성(CSS 변수)의 상속과 범위에 대한 설명으로 올바른 것은?
CSS