Skip to content

fix: 특정 기기에서 가로 여백이 생기는 문제 개선#258

Closed
junjeeong wants to merge 2 commits intodevfrom
bug/Container-layout-컴포넌트가-특정-기기에서-전체를-감싸지-못하는-버그-개선

Hidden character warning

The head ref may contain hidden characters: "bug/Container-layout-\ucef4\ud3ec\ub10c\ud2b8\uac00-\ud2b9\uc815-\uae30\uae30\uc5d0\uc11c-\uc804\uccb4\ub97c-\uac10\uc2f8\uc9c0-\ubabb\ud558\ub294-\ubc84\uadf8-\uac1c\uc120"
Closed

fix: 특정 기기에서 가로 여백이 생기는 문제 개선#258
junjeeong wants to merge 2 commits intodevfrom
bug/Container-layout-컴포넌트가-특정-기기에서-전체를-감싸지-못하는-버그-개선

Conversation

@junjeeong
Copy link
Collaborator

Pull requests

✅ 작업한 내용

  • Header.tsx에서 children의 유무에 상관없이 div가 생기는 것을 children이 있을 떄에만 생기게끔 했습니다.
  • w-[360px] w-[375px]이 부여되던 코드를 모두 없애주었고 index.css에서 main은 500px 이하일 때에는 width가 100vh가 되도록 했습니다.
  • Home.tsx에서 Header와 main을 감싸는 불필요한 div를 없앴습니다. -> 컨텐츠를 감싸는 div 중첩이 너무 많았었습니다.

🔢 이슈 번호

❗️PR Point

  • 없음

📸 스크린샷

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant