KDT5_SongSuYeon #74
Open
KDT5_SongSuYeon #74
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
iamidlek
reviewed
Apr 9, 2023
There was a problem hiding this comment.
고생하셨습니다.
아직 css로 원하는 구현을 하시는 것에 익숙치 않은
부분이 있으신 것 같습니다.
많이 연습해 보시면 좋을 것 같습니다.
중복되는 부분은 코멘트 하지 않았습니다.
HTML
시멘틱 하게 작성해 주신 부분도 있고
약간 그렇지 못한 부분도 있는 것 같습니다.
조금 더 신경을 써서 시멘틱하게 작성하면 좋을 것 같습니다.
CSS
BEM 방법론이 요구 사항에 있었으므로
조금 더 적극적으로 사용해 보아도 좋을 것 같습니다.
scss 활용을 하면 선택자가 길어지고 반복되는 부분을
해결 할 수 있을 것 같습니다.
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>광천어머니김~~</title> | ||
| <link rel="stylesheet" href="./main.css"> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css"> |
There was a problem hiding this comment.
적용할 main css 보다 reset css 를 먼저 적용하셔야 합니다.
나중에 오는 스타일 시트가 덮어 쓰여질 가능성이 있습니다.
| </head> | ||
|
|
||
| <body> | ||
| <div id="header"> |
There was a problem hiding this comment.
header 태그로 시맨틱하게 작성하면 좋을 것 같습니다.
| <body> | ||
| <div id="header"> | ||
| <div class="top"> | ||
| <img src="http://www.xn--hc0bmwo9hutj81ocyj.com/web/upload/category/editor/2020/06/14/a6be479e1ea87dd5340909b9db40739e.gif" alt=""> |
There was a problem hiding this comment.
alt 에 어떤 이미지인지 명시해 주는게 좋을 것 같습니다.
| text-align: center; | ||
| } | ||
| #header div.middle { | ||
| display: block; |
| margin: auto; | ||
| } | ||
| #header div.middle_box a { | ||
| float: left; |
There was a problem hiding this comment.
flex, grid 등 요구 사항에 있어서 적용해 보면 좋을 것 같습니다.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
원본 사이트 링크
http://www.xn--hc0bmwo9hutj81ocyj.com/
배포 클론 사이트 링크
https://suyeon9937.github.io/gwangcheon/