퀴즈 / CSS / 문제

CSS Grid에서 grid-template-areas 속성의 역할은?

어려움 MDN Web Docs
보기 및 정답
A 그리드 셀에 이름을 붙여 시각적으로 레이아웃을 구성할 수 있다
B 그리드 레이아웃에서는 미디어 쿼리를 사용한 반응형 조절이 불가능하다
C grid-area는 하나의 셀만 지정하며 병합이 불가능하다
D grid-gap은 아이템의 내부 여백을 설정하는 속성이다

해설

grid-template-areas는 그리드 셀에 이름을 부여하고, 문자열로 레이아웃을 시각적으로 표현할 수 있게 합니다. 예를 들어 'header header' 'sidebar main' 'footer footer'처럼 직관적인 배치가 가능합니다. 각 아이템은 grid-area로 이름을 지정합니다.

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

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

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

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

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

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