-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: 반응형 페이지 breakpoint 수정 #177
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍👍👍
@@ -67,7 +67,7 @@ const HeaderContents = ({ isLoading, userRes }: HeaderContentsProps) => { | |||
|
|||
return ( | |||
<> | |||
<div className="flex justify-between items-center w-full my-8 relative lg:hidden"> | |||
<div className="flex justify-between items-center w-full my-8 relative smMaxLg:hidden"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
음 smMaxLg 이 키워드를
@chaeyeon-yangsmMaxLg: { max: "1024px", min: "360px" }
이렇게 tailwind에서 지정해놔서 소형 기기에서는 적용이 안 될 것 같아요. 1024px 아래부터 hidden을 적용하려면, 이전 코드가 더 맞을 것 같습니다.. ! 아래 처럼 헤더가 사라지지 않고 깨져서 나오네요.
감사합니다 수정했습니다!!
머지하겠습니다 ~! |
PR Type
작업 내용
Before
After
To Reviewers (참고 사항, 첨부 자료 등)