Skip to content

Conversation

@venise5224
Copy link
Collaborator

작업 내용

  1. 랜딩페이지 UI 구현
  2. 그라데이션 피그마에 없어서 버튼과 같은색으로 구현
  3. isLoggedIn (로그인 유무) false로 고정 -> 추후 전역 상태관리로 만들 예정

스크린샷

screencapture-localhost-3000-2024-11-07-21_07_41
screencapture-localhost-3000-2024-11-07-21_08_03

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">
Copy link
Collaborator

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] 도 마찬가지 입니다

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

그냥 7은 아마 rem으로 들어갈텐데 저희는 px로 통일해서 저렇게 적어주신 걸거에요!

Copy link
Collaborator

@hongggyelim hongggyelim left a 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]">
Copy link
Collaborator

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]">
Copy link
Collaborator

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 추가해주면 될 것 같네여!

@venise5224 venise5224 merged commit 69550d6 into develop Nov 8, 2024
1 check passed
@venise5224 venise5224 linked an issue Nov 8, 2024 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

랜딩 페이지 UI 구현

5 participants