강의

멘토링

로드맵

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

케냐더블님의 프로필 이미지
케냐더블

작성한 질문수

React 기반 Gatsby로 기술 블로그 개발하기

메인 페이지의 기본적인 틀 만들기

margin-top auto

작성

·

448

1

footer 가 margin-top: auto 를 주어  인트로덕션 컴포넌트와 

간격이 최대한 벌어질거라 생각되었는데..실제론 마진탑 오토가

적용이 안되더라구요 이유가있을까요?

퀴즈

EmotionJS를 styled-components 대신 선택하는 주된 이유는 무엇일까요?

렌더링 속도 향상이 월등하기 때문

라이브러리 번들 용량이 상대적으로 작기 때문

CSS 문법 자동 완성 기능이 뛰어나기 때문

별도의 설정 없이 서버 사이드 렌더링을 완벽히 지원하기 때문

답변 1

0

주현도님의 프로필 이미지
주현도
지식공유자

안녕하세요, French님!

기본적으로 마진값을 auto로 설정하기 위해서는 부모 컴포넌트의 display 속성이 flex 또는 grid이어야 합니다.

src/pages/index.tsx 파일의 Container 컴포넌트에 flex 속성이 설정되어 있는지 확인해보시겠어요?

케냐더블님의 프로필 이미지
케냐더블

작성한 질문수

질문하기