Closed Zalgritte closed 2 months ago
Footer 디자인을 반영하여 추가하였습니다. 하단 고정을 위해 Root Layout.tsx에서 wrapper div로 컨텐츠를 감쌌습니다. 로고를 누르면 메인으로 이동합니다. / 깃허브를 누르면 이동합니다. 이슈 링크
_components > layout > footer.tsx 추가 헤더를 기반으로 작성 Root Layout 변경 : wrapper div 추가, Footer 추가
<Header /> <div id="wrapper">{children}</div> <Footer />
global-style.tsx > #wrapper
height: auto; min-height: calc(100vh - 440px);
컨텐츠가 없을 때 (공간이 비어있을 때) 푸터 하단 고정됨
컨텐츠가 있을 때 (대부분의 경우)
모바일 반응형
설명
Footer 디자인을 반영하여 추가하였습니다. 하단 고정을 위해 Root Layout.tsx에서 wrapper div로 컨텐츠를 감쌌습니다. 로고를 누르면 메인으로 이동합니다. / 깃허브를 누르면 이동합니다. 이슈 링크
변경 내역
_components > layout > footer.tsx 추가 헤더를 기반으로 작성 Root Layout 변경 : wrapper div 추가, Footer 추가
global-style.tsx > #wrapper
논의할 점
스크린샷
컨텐츠가 없을 때 (공간이 비어있을 때) 푸터 하단 고정됨
컨텐츠가 있을 때 (대부분의 경우)
모바일 반응형