inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

margin-top auto

452

케냐더블

작성한 질문수 28

1

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

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

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

blog Gatsby

답변 1

0

주현도

안녕하세요, French님!

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

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

쿼리오류 Field "thumbnail" must not have a selection...

1

879

1

타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?

1

612

1

마지막 배포 부분 질문드립니다!

1

634

1

'[username]/[username].github.io' -> 'username/reponame'

0

352

0

IntersectionObserver deploy( gatsby build) 시 오류(자답)

1

409

1

PostHead.tsx BackgroundImage 동작오류(자답)

1

304

0

19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.

1

419

1

썸네일 이미지 제작 및 학습 방법 관련 문의

1

457

1

배포 후 포스트 업로드 방법

1

395

1

배포 질문이요!

1

540

1

gatsby develop 오류

1

945

1

깃허브 레퍼지토리 질문드려요

1

352

1

특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문

1

288

1

Unhandled Runtime Error 가 뜹니다

0

519

2

sign in with GitHub 클릭 시

1

417

3

동작 반복 시 오류

1

364

2

const BackgroundImage 질문

1

220

1

오타 문의

1

313

2

Props로 받아 포스트 데이터 출력하기가 안됩니다.

1

212

1

index.tsx allMarkdownRemark 에러..

0

610

2

스네이크 케이스로 변수명을 짓는 이유

1

260

1

'Tagged Template Literal 방식을 통해 정의한 CSS 적용 방법'에서 발생하는 문제

3

359

2

상단 이미지를 썸네일 사용하지않고 다른 이미지를 쓰고싶습니다

1

285

1

여기까지 했는데 runtime 에러가 발생합니다

2

298

1