[Feat] 메인 홈페이지 화면 구성
TeackH opened this issue · comments
기능
어떤 기능인지 1-2줄로 간략하게 설명해 주세요.
: 메인 홈페이지의 화면을 UI로 구현
To Do
기능 구현을 위해 해야 할 작업을 설명해 주세요.
- 사이트 중앙 상단에 사이트 로고를 표시
- 로고 기준 오른쪽 끝에 로그인 버튼 표시
- 홈페이지 양 끝은 여백으로 표시
- 캠페인들을 담을 캠페인 목록을(div) 표시
- 각 캠페인의 안에 사진을 넣고 표시
- 캠페인 안의 사진을 기준으로 UI text가 적혀야 함
- 스크롤을 내리면 여러가지 캠페인들이 보이도록 표시
-
각 캠페인의 마우스를 올릴 시 마우스가 올려진 캠페인의 화면이 사라지고 새 창이 뜨도록 표시(별도 이슈로 분리 예정)
=> 필요한 내용을 마우스 올리기 전부터 보이도록 변경 - 캠페인 목록 틀 안에 캠페인들 끼리의 일정 이상의 간격 부여
- 캠페인 목록을 담기 위한 틀 안에서 캠페인 창의 크기를 조절해서 꽉 차지 않도록 구현