-
Notifications
You must be signed in to change notification settings - Fork 38
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
[김당찬] Sprint1 #35
The head ref may contain hidden characters: "Basic-\uAE40\uB2F9\uCC2C-sprint1"
[김당찬] Sprint1 #35
Conversation
<h1 class="header-logo"> | ||
<a href="/" | ||
><img | ||
src="images/logo.png" |
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.
보니까 2배, 3배로 추출한 이미지를 따로 사용하지 않는 것 같은데, 파일을 추가하신 이유가 있으실까요?
<a href="https://www.facebook.com/" target="_blank" rel="noopener" | ||
><img |
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.
들여쓰기가 전체적으로 이상한 것 같아요~
a태그와 img태그에 대해서 이상하게 작성된 것 같네요.
height="51" | ||
/></a> | ||
</h1> | ||
<a href="pages/login.html">로그인</a> |
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.
a 태그는 보통 anchor나 다른 외부 하이퍼링크에 사용되어요. 커스텀한 스타일의 버튼은 button 태그를 사용하는 게 더 좋아보입니다~
header > a { | ||
display: block; | ||
width: 128px; | ||
height: 48px; | ||
padding: 12px 20px; | ||
border-radius: 8px; | ||
color: #fff; | ||
background-color: #3692FF; | ||
font-weight: 600; | ||
text-align: center; | ||
white-space: nowrap; | ||
} |
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.
보니까 button에 대한 스타일링인 것 같은데,
피그마로 보면 btn_large, btn_small 로 정의되어 있어요. 디자인 시스템과 명칭을 일치시키는 것도 좋은 방법이에요~
그리고 hover, active 에 대한 css도 추가하면 좋을 것 같아요.
color: #374151; | ||
} | ||
|
||
header { |
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.
보통 header는 fixed 되는 게 일반적이기는 합니다!
|
||
.section1 > .bg-img { | ||
position: absolute; | ||
top: 93px; left: 36.51vw; |
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.
엔터가 빠져있네요!
|
||
.section1 > .container a { | ||
padding: 16px 124px; | ||
border-radius: 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.
세미콜론이 하나 더 들어가있어요~
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게