[강수민] Sprint1

[hpk5802]

요구사항

기본

• 랜딩 페이지의 url path는 루트('/')로 설정합니다.
• title은 "판다마켓"로 설정합니다.
• 화면의 너비가 1920px 보다 작아질 때, "판다마켓" 로고의 왼쪽 여백 200px "로그인" 버튼의 오른쪽 여백 200px이 유지되고, 화면의 너비가 작아질수록 두 요소간 거리가 가까워지도록 설정합니다.
• 클릭으로 기능이 동작해야 하는 경우, 사용자가 클릭할 수 있는 요소임을 알 수 있도록 CSS 속성 cursor: pointer로 설정합니다.
• "판다마켓" 클릭 시 루트 페이지('/')로 이동합니다.
• "로그인" 버튼 클릭 시 로그인 페이지('/login')로 이동합니다. (빈 페이지)
• "구경하러가기" 버튼 클릭 시('/items')로 이동합니다. (빈 페이지)
• "Privacy Policy", "FAQ"는 클릭시 각각 Privacy 페이지('/privacy'), FAQ 페이지('/faq')로 이동합니다. (모두 빈 페이지)
• 페이스북, 트위터, 유튜브, 인스타그램 아이콘을 클릭 시 각각의 홈페이지로 새로운 창이 열리면서 이동합니다.

심화

• 사용자의 브라우저가 크고 작아짐에 따라 페이지의 요소간 간격, 요소의 크기, font-size 등 모든 크기와 관련된 값이 크고 작아지도록 설정해보세요. (설정값은 자유입니다)

주요 변경사항

• 반응형 대응을 위해 rem, % 단위를 사용했습니다.

스크린샷

멘토에게

• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

[baeggmin]

첫 과제 고생많으셨습니다!
코드는 제가 크게 리뷰드릴게 없을 만큼 너무 잘 작성해주셨어요 👍 👍

html 구조, 시멘틱 태그 사용, 반응형 디자인(rem, %) 모두 잘해주신 것 같습니다.
classname 선택자를 일관된 규칙으로 작성해 주신 점과 적절하게 주석 남겨주신 것도 아주 좋습니다ㅎㅎ

리뷰내용은 다음 스프린트 과제 PR에 반영해서 올려주시고, 다음 PR 부턴 netlify 링크도 같이 올려주시면 감사하겠습니다. 다음 과제도 화이팅 하세요!