-
Notifications
You must be signed in to change notification settings - Fork 44
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
[김민섭] Week2 #4
The head ref may contain hidden characters: "part1-\uAE40\uBBFC\uC12D-week2"
[김민섭] Week2 #4
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.
reset CSS 적용해보시면 좋을 거 같고, css class 들을 통해서 css 중복을 줄여보심 좋을 거 같습니다!
+다음 번에는 커밋 나눠주세요!
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width= , initial-scale=1.0" /> |
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.
width 를 쓰신다면 숫자를, 안쓰신다면 제거해주세요~
</div> | ||
</section> | ||
|
||
<section class="section manage"> |
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.
클래스 이름으로 태그 이름을 쓰시는 건 지양해주세요! 실제 하는 역할을 나타내는 클래스 이름을 추천드립니다!
--Gray5: #f0f6ff; | ||
--Gray6: #6b6b6b; | ||
--Grey-Light: #f5f5f5; | ||
--gra-purpleblue-to-skyblue: linear-gradient(91deg, #6d6afe 0.12%, #6ae3fe 101.84%); |
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.
css변수 규칙이 있으면 좋을 거 같아요 다 대문자로 시작하는데 , gra~ 변수만 소문자로 시작하네요!
padding: 16px 20px; | ||
border-radius: 8px; | ||
border-radius: 8px; | ||
text-decoration: none; |
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.
같은 속성은 한 번만 적어주세요!
text-decoration: none; | ||
text-align: 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.
이런 속성은 아마 figma에서 그대로 따오신 거 같은데, 피그마는 진짜 참고이고, 실제로 사용하는 최소한의 속성만 기재해주세요!
} | ||
|
||
.move-link p { | ||
color: var(--black, #000); |
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.
기존 변수는 --Black 이었던 거 같아요!
} | ||
|
||
.social-login p { | ||
color: var(--Linkbrary-gray100, #373740); |
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.
이미 지정해놓은 css 변수에 대해서는 대체 컬러를 지정하지 않아도 될 거 같아요!
style: sign-in 오류 시 input style에 red border 추가
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게