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
jyh0521
approved these changes
May 26, 2024
| <!DOCTYPE html> | ||
| <html lang="kr"> | ||
| <head> | ||
| <meta charset="UTF-8"> |
There was a problem hiding this comment.
닫는 태그를 사용하지 않는 경우에, 태그 마지막에 닫는 표시를 해주시는 것이 좋습니다.
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>판다마켓</title> | ||
| <link rel="stylesheet" href="style.css"> |
There was a problem hiding this comment.
들여쓰기 간격이 띄어쓰기 4칸으로 되어있는 것 같은데, 보통 띄어쓰기 2칸을 많이 사용합니다.
link 태그에도 닫는 표시 해주시면 좋을 것 같아요!
| <body> | ||
| <div class="top"> | ||
| <div class="top-nav"> | ||
| <a href="/"><img src="logo.png"></a> |
There was a problem hiding this comment.
img 태그에도 닫는 표시 해주시면 좋을 것 같습니다.
| <img class="bg-img" src="img_home_top.png"> | ||
| <div class="title"> | ||
| <div class="title-slogan">일상의 모든 물건을<br> 거래해 보세요</div> | ||
| <a href="/items" class="btn">구경하러 가기</a> |
There was a problem hiding this comment.
class 이름에 btn이라는 이름은 너무 흔하게 사용될 수 있어서 구분하기 어려워질 수 있습니다. 어떤 버튼인지 고려해서 이름을 작성해주셔도 좋을 것 같습니다.
| <div class="section-container"> | ||
| <div class="section"> | ||
| <img src="img_home_01.png" class="feature-image"> | ||
| <div class="text"> |
There was a problem hiding this comment.
text 같은 명칭도 흔하게 사용할 수 있기 때문에 조금만 더 구체적인 이름을 정해주시면 좋을 것 같습니다.
Comment on lines
+91
to
+93
| <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path fill-rule="evenodd" clip-rule="evenodd" d="M1 9.90316C1 14.3777 4.24975 18.0984 8.5 18.8529V12.3527H6.25V9.85291H8.5V7.85266C8.5 5.60266 9.94975 4.35316 12.0002 4.35316C12.6497 4.35316 13.3503 4.45291 13.9998 4.55266V6.85291H12.85C11.7498 6.85291 11.5 7.40266 11.5 8.10316V9.85291H13.9L13.5002 12.3527H11.5V18.8529C15.7502 18.0984 19 14.3784 19 9.90316C19 4.92541 14.95 0.852905 10 0.852905C5.05 0.852905 1 4.92541 1 9.90316Z" fill="white"/> | ||
| </svg> |
There was a problem hiding this comment.
svg도 파일로 받아서 img 태그로 불러올 수 있습니다.
Comment on lines
+8
to
+15
| :root { | ||
| --main-bg-color: #cfe5ff ; | ||
| --white: #ffffff; | ||
| --btn-color: #3692ff; | ||
| --btn-hover: #1967d6; | ||
| --btn-click: #1251aa; | ||
| --btn-disable: #9CA3AF; | ||
| } |
| font-size: 40px; | ||
| font-weight: 700; | ||
| line-height: 56px; | ||
| color: #374151; |
There was a problem hiding this comment.
이 색상도 변수로 추가해주시면 좋을 것 같습니다.
max-width로 구현한 방법이 맞을까요? 더 정확한 답이 있을까요?
비활성화된 버튼을 테스트 못해 봤는데 :disable 의사클래스가 제대로 작동 할까요? 버튼을 비활성화 되게 하는 법도 알고 싶어요.
flexbox 외에 다른 방법으로 구성할 수 있을까요?
|
|
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.
요구사항
기본
심화
주요 변경사항
-html css를 사용해 사이트 랜딩 페이지를 완성 하였습니다.
사이트 링크
링크
스크린샷
멘토에게