-
Notifications
You must be signed in to change notification settings - Fork 28
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 #9
The head ref may contain hidden characters: "Basic-\uAE40\uC131\uBE48-sprint1"
[김성빈] Sprint1 #9
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.
성빈님 고생 많으셨습니다.
html css가 상당히 능숙하신 거 같네요 :)
앞으로가 더 기대되는군요!! 💯
@@ -0,0 +1,168 @@ | |||
<!DOCTYPE html> | |||
<html lang="ko"> |
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.
lang을 잘 챙겨주셨네요! 👍
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="stylesheet" href="src/assets/css/style.css" /> |
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를 분리하셨군요! 👍
<span class="blind">판다마켓</span> | ||
</a> | ||
</h1> | ||
<button> |
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, a, input...)를 중첩하는것은 표준에 맞지 않습니다!
button, a 태그 둘 중에 하나만 써주세요~!
margin: 0 auto; | ||
display: flex; | ||
align-items: center; | ||
justify-content: space-between; |
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.
</head> | ||
<body> | ||
<div id="wrap"> | ||
<header id="header" class="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> | ||
<div class="main-kv"> | ||
<div class="main-kv__wrap"> | ||
<div class="main-kv__contents"> |
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 screen and (max-width: 1366px) { |
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.
반응형도 잘 해주셨네요~! 👍
<div class="main-kv"> | ||
<div class="main-kv__wrap"> | ||
<div class="main-kv__contents"> | ||
<h2> |
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.
감사합니다 부족한 부분은 참고해서 공부해 보겠습니다. |
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게