-
Notifications
You must be signed in to change notification settings - Fork 31
Basic 이윤승 sprint1 #40
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 이윤승 sprint1 #40
The head ref may contain hidden characters: "Basic-\uC774\uC724\uC2B9"
Conversation
dongqui
left a comment
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.
윤승님 고생 많으셨습니다~!
군더더기 없이 잘 마무리 해주셨습니다. 요구 사항을 조금만 더 꼼꼼하게 챙겨주시면 더 좋을 거 같습니다 :)
| @@ -0,0 +1,126 @@ | |||
| <!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을 잘 챙겨주셨네요! 👍
| <div class="container"> | ||
| <header> | ||
| <a href="/"> | ||
| <img src="/img/logo.png" alt="logo" class="logo"> |
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.
alt를 잘 넣어주셨네요~! 👍
| margin: 0 auto; | ||
| } | ||
|
|
||
| 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.
지금은 css 파일이 하나라 괜찮지만, 태그에 직접 스타일을 주게 되면 페이지 전체에 영향을 주기 때문에 지양하시는 것이 좋습니다!! 되도록 클래스를 이용해주세요~ :)
| height: 20px; | ||
| } | ||
|
|
||
| @media (max-width: 1120px) { |
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 (max-width: 800px) { |
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.
아마 미션 3에서 더 하시겠지만, break-point도 확인해주세요 :)
| height: 300px; | ||
| } | ||
|
|
||
| .function-block 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.
| .function-block { | ||
| width: 988px; | ||
| display: flex; | ||
| justify-content: space-around; |
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.


요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게