[refactor, design] #7 추천 결과 페이지 반응형

[hyeonjiroh]

🔗 이슈 번호

Closes #9

📋 작업 사항

추천 결과 페이지 반응형

• 네비게이션 바, 지도, 추천 목록 패널 배치
  • PC : 가로 방향으로 네비게이션 바, 추천 목록 패널, 지도 순으로 배치
  • 모바일 : 세로 방향으로 네비게이션 바, 지도, 추천 목록 패널 순으로 배치
• 장소 카드 레이아웃
  • PC : 한 줄에 2개씩 배치 / 이미지와 장소 정보를 세로 방향으로 정렬
  • 모바일 : 한 줄에 1개씩 배치 / 이미지와 장소 정보를 가로 방향으로 정렬

추천 결과 페이지 추가 및 변경 사항

• 임시적으로 재설문 버튼('다시 추천받기') & 결과 만족도 모달 버튼('만족도 남기기') 생성 후 배치
• 장소 카드에 지리 정보 표시

기타 사항

• 아이콘 이미지 svg 파일로 변경 & 로고 이미지 3배 해상도 PNG 파일로 변경
• tailwind 커스텀 폰트 스타일 등록 후 적용
• prettier-plugin-tailwindcss 설치 후 적용

📷 스크린샷

PC 화면

모바일 화면

[github-actions]

✅ Preview Deployment
🔗 https://saegil-8vebqswnb-hyeonjirohs-projects.vercel.app