Conversation
| rel="stylesheet" | ||
| href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css" | ||
| /> | ||
| <link rel="stylesheet" href="reset.css" /> |
There was a problem hiding this comment.
수정 요청 사항 잘 반영해 주셨습니다. 👍
| <a href ="/"> | ||
| <img src="image/logo.svg" class="logotxt"></img> | ||
| <img src="image/logo.svg" class="logotxt" alt='판다마켓 글자'></img> |
There was a problem hiding this comment.
대체 텍스트는 이미지를 보지 못하는 사용자에게 노출되는 텍스트입니다!
실제 사용자 입장에서 의미 있는 텍스트를 넣어주시면 좋을 것 같습니다.
| <div class="top-box"> | ||
| <div class="txtbtn"> | ||
| <div class="txt-align-box"> | ||
| <span class="top-text">일상의 모든 물건을 </span> |
There was a problem hiding this comment.
로 넣으셔야 될 것 같은데 혹시 오타인가요?
| <a href="https://www.youtube.com/?hl=ko&gl=KR&app=desktop" target="_blank"> | ||
| <img src="image/youtube.png"> | ||
| </a> | ||
| <a href="https://www.instagram.com/sem/campaign/emailsignup/?campaign_id=13530338586&extra_1=s%7Cc%7C547419126947%7Ce%7Cinstagram%20c%7C&placement=&creative=547419126947&keyword=instagram%20c&partner_id=googlesem&extra_2=campaignid%3D13530338586%26adgroupid%3D126262419014%26matchtype%3De%26network%3Dg%26source%3Dnotmobile%26search_or_content%3Ds%26device%3Dc%26devicemodel%3D%26adposition%3D%26target%3D%26targetid%3Dkwd-1321618852491%26loc_physical_ms%3D9197620%26loc_interest_ms%3D%26feeditemid%3D%26param1%3D%26param2%3D&gad_source=1&gclid=EAIaIQobChMIzebolvaKiAMV0l4PAh0gcSwWEAAYASAAEgJlLvD_BwE" target="_blank"> |
There was a problem hiding this comment.
유튜브, 인스타그램의 도메인만 넣어주셔도 될 것 같습니다.
사용자의 상태(ex. 사용 언어 등)에 따른 상세 URL 처리는 해당 사이트 내부에서 처리해줄거에요~!
| font-size: 100%; | ||
| vertical-align: baseline; | ||
| } | ||
| /* 출처: https://keembloo.tistory.com/5 [keembloo:티스토리] */ |
There was a problem hiding this comment.
티스토리 등 블로그 내용은 참고만 해주시면 좋을 것 같습니다!
이런 자료는 커뮤니티에서 다수의 사용자가 추천한 자료를 사용하시는 걸 더 추천드려요~
(사실 이 블로그도 커뮤니티 내에서 많은 사용자들이 이용하는 reset css를 첨부해놓고 있긴 합니다.)
| align-items: center; | ||
| } | ||
|
|
||
| span { |
There was a problem hiding this comment.
단순 태그 선택으로 스타일 적용은 지양해 주세요!
| body { | ||
| width: 100%; | ||
| font-family: 'Pretendard Variable'; | ||
| white-space: nowrap; |
There was a problem hiding this comment.
white-space: nowrap은 실제 사용이 필요한 곳에서 적용하시는게 좋을 것 같습니다!
줄바꿈이 필요한 영역에서 제대로 적용되지 않을 수 있어요. :)
| display: flex; | ||
| justify-content: center; | ||
| } | ||
| .secondimg { |
There was a problem hiding this comment.
배포된 사이트가 없어 확인이 어려운데
해당 요소의 마진을 지나치게 큰 고정 픽셀 값으로 넣으면 반응형 대응이 안될 것 같습니다!
There was a problem hiding this comment.
너비, 높이도 디바이스 너비에 따라 제대로 출력되는지 확인 부탁드려요~
|
첫 파트 고생 많으셨습니다. 남은 파트도 잘 마무리하시고 화이팅입니다! 👍 |
체크리스트 [기본]
공통
1200px이상768px이상 ~1199px이하 / 24px375px이상 ~767px이하375px미만 사이즈의 디자인은 고려하지 않습니다랜딩 페이지
24px, “로그인” 버튼 오른쪽 여백24px을 유지할 수 있도록 “판다마켓” 로고와 “로그인" 버튼의 간격이 가까워집니다.16px, “로그인” 버튼 오른쪽 여백16px을 유지할 수 있도록 “판다마켓” 로고와 “로그인" 버튼의 간격이 가까워집니다.로그인, 회원가입 페이지 공통
16px제외하고 내부 요소들이 너비를 모두 차지합니다.400px을 넘지 않습니다.체크리스트 [심화]
주요 변경사항
스크린샷
멘토에게