#25 : CSS (2)

1. ReadMe 수정

개인적으로 깃헙 위키나 ReadMe 파일을 꾸미는 게 재밌어서 ReadMe 파일에 글이랑 구조를 수정해서 마무리했다. ReadMe 파일을 쓰니까 정말 거의 끝났구나 싶었다...

---

2. 지도페이지 반응형

지도페이지 반응형이 사실 어떻게 할지 좀 막막했던 것 같다. 우선 내비게이션 바 반응형으로 위에 부분이 좀 잘려서 그 부분을 가장 먼저 수정했다. 대부분 반응형은 아래와 같이 max-width를 설정해서 했다.

@media screen and (max-width: 1023px) {
  // 내용
}

검색 부분은 왼쪽에 치우쳐 있고 내용을 입력하지 않으면 리스트가 뜨지 않아서 반응형에 큰 문제가 없었는데 상세정보 창이 가장 고민이었다. 최대한 간단하면서 깔끔하게 하고 싶어서 일단 이미지가 너무 많이 화면을 차지하니까 모바일 크기가 되면 이미지를 없애고 창을 작게 뜨게 했다.

 

---

3. 랜딩페이지 CSS

랜딩페이지에 GIF로 기능을 넣기로 했는데 나는 지도페이지를 맡았다. 지도페이지 GIF를 따고 간단한 설명과 함께 추가했다. 생각보다 말 쓰는 게 어려웠던 것 같다..😂