codestates / codestates/BanThing

[Error Handling] 헤더와 지도가 겹치는 오류

Open
#76 0 comments 0 reactions 1 assignee Claimed by @tmdqls2257 View on GitHub
client error solved
Dominant language
TypeScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
![image](https://user-images.githubusercontent.com/54207332/154426587-b3f0e916-8d98-4198-b9b2-459a996292b9.png)

- 윤석님과 merge 하였을 때 header와 main 겹치는 에러가 발생하였습니다.
- 원인을 분석하자면 header를 position: fixed를 해주었기 때문이라고 생각한다.
```
$ 터미널의 에러 코드를 여기 넣어주세요.
```

### 에러 핸들링 방법
- 일단의 main에 header의 높이만큼 padding-top을 주었습니다. 이렇게 하였더니
![image](https://user-images.githubusercontent.com/54207332/154426667-4d0f6185-668b-4e31-89ea-0a50ae9ef51e.png)
- 언뜻 잘 되는 것 같지만 스크롤이 생기고 스크롤을 내리면 똑같이 겹쳐지는 현상이 발생하였습니다.
- 어떻게 할까 생각하다가 map component에 있는 container의 hegiht을 auto로 해주고
- main.tsx에 있는 container에 height을 100vh로 해주니 해결 되었습니다.
![image](https://user-images.githubusercontent.com/54207332/154427161-5eebe111-d8ec-46aa-b900-5213565594c0.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.