인프런 커뮤니티 질문&답변

김학준님의 프로필 이미지
김학준

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.6) 폰트, 이미지, 레이아웃 설정하기

App.css에서 display:flex를 두 번 적용하는 이유

해결된 질문

작성

·

381

1

header에서 이미 display:flex를 적용했는데 header > div에서까지 display:flex를 하는 이유가 무엇인가요?

답변 1

2

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

이렇게 스타일을 잡는 이유는 그 다음 진행과정에서 확인하실 수 있는데요

header 내부에 들어가는 요소들(버튼, 타이틀)을 담는 div들에

각각 justify-content : 'center' 혹은 justify-content : 'start', 'end' 속성을 설정해주기 위한 밑작업입니다.

image

김학준님의 프로필 이미지
김학준

작성한 질문수

질문하기