-
Notifications
You must be signed in to change notification settings - Fork 6
Feat: 랜딩페이지 제작 #42
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
Feat: 랜딩페이지 제작 #42
Conversation
pages/index.tsx
Outdated
| return ( | ||
| <main> | ||
| <div className="flex flex-col items-center bg-gray100"> | ||
| <h1 className="mt-[28px] text-[32px] leading-[42px] font-bold md:mt-[40px] lg:mt-[70px] md:text-[64px] md:leading-[80px] text-center"> |
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.
mt-[28px] text-[32px] mt-7 text-8 로 대체가 가능할것같습니다 : )
md:mt-[40px] 도 마찬가지 입니다
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.
그냥 7은 아마 rem으로 들어갈텐데 저희는 px로 통일해서 저렇게 적어주신 걸거에요!
hongggyelim
left a comment
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.
수고하셨습니다
테일윈드 자체 속성(?)으로 사용할수있는 값들은 추후 수정해보셔도 좋을것같아요
pages/index.tsx
Outdated
| </div> | ||
|
|
||
| <div className="flex flex-col items-center gap-[80px] px-[33px] pt-[40px] pb-[80px] md:pt-[80px] md:pb-[170px] md:gap-[100px] lg:pt-[120px]"> | ||
| <section className="flex flex-col md:flex-row md:items-center md:gap-[51px] lg:gap-[157px]"> |
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.
section style 이 공통인데 요론건 공통으로 빼도 좋을 것 같아여 ㅎㅎ
pages/index.tsx
Outdated
| /> | ||
| </section> | ||
|
|
||
| <section className="flex flex-col md:flex-row-reverse md:items-center md:gap-[51px] lg:gap-[157px]"> |
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.
공통으로 빼고 여기section 에만 md:flex-row-reverse 추가해주면 될 것 같네여!
작업 내용
스크린샷