inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

싸이월드 만들기 5탄

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

해결된 질문

344

이경석

작성한 질문수 4

0

 싸이월드 만들기 5탄에서

divideLine에 옹기종기 붙은 곳을

 

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

 

 

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

justify-content: space-between 으로

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

 

wrapper__header 부분이

flex-direction: column으로 되어서

justify-content로는 안되는데,

혹시 다른방법은 없나요?

 

javascript HTML/CSS

답변 1

0

코드캠프

안녕하세요 경석님

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

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

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

싸이월드3

0

88

2

싸이월드2 관련 질문 드립니

0

103

3

과제 모범답안 유무

0

103

2

과제 연습 질문

0

80

2

<style> 에 *와 div 차이

0

90

2

과제 profile 부분 질문

0

120

2

과제 Profile 부분 질문

0

91

2

left_body_header의 자식border-top인데

0

89

2

정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.

0

131

1

태그 궁금한 점

0

170

2

HTML 회원가입

0

208

2

문법관련 질문입니다

0

268

2

윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.

0

662

2

26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ

0

268

2

피그마에서 css 코드가 안보여요..

1

3251

2

주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ

0

335

2

언어 설정 -> 한글

0

298

1

2024년 html

0

235

1

피그마 유료화

0

1676

1

Fiama 링크 찾기

0

246

2

Figma는 어디에 있나요?

0

254

1

안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?

0

360

2

git 질문입니다

0

219

1

아무리 찾아봐도 피그마 링크가 보이질 않습니다.

0

316

1