퀴즈 / CSS / 문제

CSS gap 속성이 Flexbox와 Grid에서 margin 대비 가지는 장점은?

쉬움 MDN Web Docs
보기 및 정답
A 요소 사이의 간격만 설정하므로 첫 번째와 마지막 요소 바깥에 불필요한 여백이 생기지 않는다
B flex-direction: row-reverse를 적용하면 아이템이 세로로 역순 배치된다
C 그리드에서 justify-items와 justify-content는 완전히 동일한 속성이다
D 플렉스 아이템에 position: absolute를 적용해도 flex 레이아웃이 유지된다

해설

gap 속성은 인접한 아이템 '사이'에만 간격을 넣습니다. margin을 사용할 때 첫 번째/마지막 요소에 불필요한 외부 여백이 생기는 문제를 해결하며, 코드도 더 간결해집니다.

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

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

정규반 살펴보기

관련 문제

CSS에서 @keyframes와 animation 속성을 사용할 때, animation-fill-mode: forwards의 의미는?
CSS
CSS font-variation-settings 속성의 용도는?
CSS
CSS writing-mode 속성에서 vertical-rl 값을 설정하면 어떤 효과가 있나요?
CSS
CSS 미디어 쿼리(Media Query)의 주된 용도는?
CSS
CSS text-wrap: balance 속성의 효과로 올바른 것은?
CSS
START THE LOOP · CHOOSE

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

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

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