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

이경석님의 프로필 이미지
이경석

작성한 질문수

[코드캠프] 시작은 프리캠프

싸이월드 만들기 5탄

divideLine에 margin을 줘서 떨어트리는 방법말고는 없나요?

해결된 질문

작성

·

275

·

수정됨

0

 싸이월드 만들기 5탄에서

divideLine에 옹기종기 붙은 곳을

 

margin 값을 넣어 서로 분리하셨습니다.

 

 

저는 margin에서 임의의 값을 넣어 떨어트리지 않고

justify-content: space-between 으로

각 영역을 균등하게 떨어트리고 싶은데,

 

wrapper__header 부분이

flex-direction: column으로 되어서

justify-content로는 안되는데,

혹시 다른방법은 없나요?

 

답변 1

0

코드캠프님의 프로필 이미지
코드캠프
지식공유자

안녕하세요 경석님

코드 작성된 내용을 전달해주시지 않아 정확한 피드백이 불가하지만
프리캠프 수업에서 진행된 내용과 동일한 코드리는 전제 하에 답변드립니다.

justify-content: space-between으로 각 영역을 균등하게 떨어트리는 것도 가능합니다.
다만, wrapper__header 부분에서 height를 정확히 지정해주셔야합니다.
column으로 justify-content의 기준을 높이로 보기 때문에 height가 없으면 적용이 되지 않습니다.

답변드린 내용을 참고하셔서 적용해보세요.

이경석님의 프로필 이미지
이경석

작성한 질문수

질문하기