[/] 메인 페이지 관련 요구사항 및 이슈

[youth-o]

작업 파일

Rolling/src/components/common/Header.js
Rolling/src/components/main/MainSection.js
Rolling/src/pages/Main.js

작업 요구사항

• '로고 버튼'을 클릭하면 /페이지로 이동합니다.
• '롤링 페이퍼 만들기' 버튼을 클릭하면 /post 페이지로 이동합니다.
• '구경해보기' 버튼을 클릭하면 /list 페이지로 이동합니다.
• PC에서 상단 네비게이션은 화면의 너비가 1248px보다 줄어들 때 좌우 여백은 24px로 고정하고, '상단 로고'와 '롤링 페이퍼 만들기' 버튼의 간격이 줄어듭니다.
• Tablet에서 화면의 너비가 줄어들거나 커지면 서비스 소개 영역의 좌우 여백이 줄어들거나 커집니다.
• Tablet에서 화면의 너비가 줄어들거나 커지면 '구경해보기' 버튼의 너비가 줄어들거나 커집니다.
• Mobile에서 좌우 여백은 24px로 고정합니다
• Mobile에서 화면의 너비가 줄어들거나 커지면 '롤링 로고'와 '롤링 페이퍼 만들기' 버튼의 간격이 줄어들거나 커집니다.