[ISSUE-12] 메인 페이지 반응형 추가

[03hoho03]

#12 #13 #14
네비게이션 바, 하단 유틸메뉴, 메인 페이지 반응형 으로 변경

반영 브랜치

feature/mainPage -> development

변경사항

1. 네비게이션 바 width 1001px 이상 시 변화 ( 하단 유틸메뉴 네비게이션 바로 편입 )
2. 이달의 고양이 carousel width 601px 이상 시 디자인 변화
3. 하단 유틸메뉴 width 1001px 이상 시 display:none
4. 전체적인 미세 css 조정 및 className 표기법 변경

네비게이션 바

width 1000px이하

1: scrollY = 0:

2: scrollY > 0:

스크롤 시 로그인 관련 버튼 색 변화 추가

width 1001px 이상

하단 유틸 메뉴 항목 추가
현재 pathname 에 따른 항목 css 변화 추가

이달의 고양이 섹션

width 600px 이하

max-height 추가
min-width 추가

width 601px 이상

디자인 변경

하단 유틸 메뉴

width 1000px 이하

max-width 700px 추가

width 1001px 이상

display: none;

####리뷰 포인트

1. 반응형 CSS 처리 방식
2. 이미지 사이즈 변화 방식