-
Notifications
You must be signed in to change notification settings - Fork 20
Basic 정태인 #76
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
Basic 정태인 #76
The head ref may contain hidden characters: "Basic-\uC815\uD0DC\uC778"
Conversation
|
스프리트 미션 하시느라 수고 많으셨어요. |
| * { | ||
| --blue: #3692FF; | ||
| --gray-50: #F9FAFB; | ||
| --gray-100: #F3F4F6; | ||
| --gray-200: #E5E7EB; | ||
| --gray-400: #9CA3AF; | ||
| --gray-500: #6B7280; | ||
| --gray-600: #4B5563; | ||
| --gray-700: #374151; | ||
| --gray-800: #1F2937; | ||
| --gray-900: #111827; | ||
| } No newline at end of file |
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.
굿굿 ! 컬러 팔레트를 작성하셨군요 !
재사용하기 용이해보이네요 ㅎㅎ. 피드백 반영 좋습니다 ! 👍👍
|
|
||
|
|
||
| /* tablet 사이즈 */ | ||
| @media only screen and (max-width: 1199px) { |
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.
굿굿 ~ 적절한 반응형 좋습니다 👍
| @media only screen and (max-width: 1199px) { | ||
| .header-nav { | ||
| padding: 10px 24px; | ||
| width: calc(100% - 48px); |
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.
(제안) 혹시 margin으로 대할 수 있지 않을까요?
| width: calc(100% - 48px); | |
| margin: 0 24px; |
| <meta property="og:type" content="website"> | ||
| <meta property="og:url" content="https://shiny-gnome-34241f.netlify.app/"> | ||
| <meta property="og:title" content="판다마켓"> | ||
| <meta property="og:description" content="일상의 모든 물건을 거래해보세요"> | ||
| <meta property="og:image" content="./assets/images/logo.svg"> | ||
| <meta property="og:image:width" content="1200"> | ||
| <meta property="og:image:height" content="630"> | ||
|
|
||
| <meta name="twitter:card" content="summary_large_image"> | ||
| <meta name="twitter:url" content="https://shiny-gnome-34241f.netlify.app/"> | ||
| <meta name="twitter:title" content="판다마켓"> | ||
| <meta name="twitter:description" content="일상의 모든 물건을 거래해보세요"> | ||
| <meta name="twitter:image" content="./assets/images/logo.svg"> |
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.
크으 SEO에 잘 신경쓰고 계시군요 !
놓칠 수 있는 부분일 수 있는데 꼼꼼히 잘 작성하셨네요. 훌륭합니다 👍
| <div class="input-container"> | ||
| <label class="text-gray800 label-text">이메일</label> | ||
| <input class="text-gray800 gray100 styled-input" placeholder="이메일을 입력해 주세요"/> | ||
| <input class="text-gray800 gray100 styled-input" placeholder="이메일을 입력해 주세요" type="email"/> |
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.
굿굿 ~ 타입도 적절히 적용 잘 변경하셨네요 !
다음과 같은 속성도 고려해볼 수 있겠어요:
name:name은<form>을 사용해서 추 후submit을 사용하여 접근할 때 사용될 수 있습니다.required:required는<form>내부에서 서식을 작성하지 않았을 때 브라우저에서 유저에게 피드백을 줄 수 있습니다.
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.
저번에도 전달드리기는 했으나 한 번 다시 언급드립니다 😊
|
수고하셨습니다 태인님 ! 미션 수행하시느라 정말 수고 많으셨습니다 ! |
요구사항
기본
심화
주요 변경사항
스크린샷
렌딩 페이지 tablet 비율 반응형
렌딩 페이지 mobile 비율 반응형
로그인 페이지 mobile 비율 반응형
시연 영상
2025-03-06.8.00.23.mov
카카오톡 공유시
디스코드 공유시
페이스북 공유시
배포 링크
https://spiffy-belekoy-52ef46.netlify.app/
멘토에게