[유선향] -Sprint3 #36
[유선향] -Sprint3 #36
Conversation
이미지 파일 이름 띄어쓰기제거,이름 변경 -kdjkdjfkdjfdjk
컬러팔레트 사용을 위한 create color.css 작성
|
스프리트 미션 하시느라 수고 많으셨어요. |
There was a problem hiding this comment.
오호 굿굿 ! color.css를 작성하셨군요 !
코드의 목적이 분명하네요. 훌륭합니다 👍
| <meta property="og:image" content="./img/OG_img.svg" /> | ||
| <meta property="og:title" content="판다 마켓" /> | ||
| <meta | ||
| property="og:description" | ||
| content="일상의 모든 물건을 거래해보세요!" | ||
| /> | ||
| <meta | ||
| property="og:url" | ||
| content="https://fastidious-tiramisu-8831ce.netlify.app/" | ||
| /> |
There was a problem hiding this comment.
굿굿 ! og 메타 태그를 붙이셨군요 ! 👍
이제 선향님께서 만드신 앱을 공유할 때 어떤 앱인지 명확하게 알릴 수 있겠어요 👍
| <p class="content_text_title">인기 상품을 확인해 보세요</p> | ||
| <p> | ||
| 가장 HOT한 중고거래 물품을<br /> | ||
| 판다 마켓에서 확인해 보세요 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div id="reverse_column" class="content_area text_right"> | ||
| <div class="content_text text_right"> | ||
| <span> Search </span> | ||
| <p class="content_text_title">구매를 원하는 상품을 검색하세요</p> | ||
| <p> | ||
| 구매하고 싶은 물품은 검색해서<br /> | ||
| 쉽게 찾아보세요 | ||
| </p> |
There was a problem hiding this comment.
(의견/제안) h 태그를 활용해볼 수도 있을 것 같아요 !
| <p class="content_text_title">인기 상품을 확인해 보세요</p> | |
| <p> | |
| 가장 HOT한 중고거래 물품을<br /> | |
| 판다 마켓에서 확인해 보세요 | |
| </p> | |
| </div> | |
| </div> | |
| <div id="reverse_column" class="content_area text_right"> | |
| <div class="content_text text_right"> | |
| <span> Search </span> | |
| <p class="content_text_title">구매를 원하는 상품을 검색하세요</p> | |
| <p> | |
| 구매하고 싶은 물품은 검색해서<br /> | |
| 쉽게 찾아보세요 | |
| </p> | |
| <h2 class="content_text_title">인기 상품을 확인해 보세요</h2> | |
| <p> | |
| 가장 HOT한 중고거래 물품을<br /> | |
| 판다 마켓에서 확인해 보세요 | |
| </p> | |
| </div> | |
| </div> | |
| <div id="reverse_column" class="content_area text_right"> | |
| <div class="content_text text_right"> | |
| <span> Search </span> | |
| <h2 class="content_text_title">구매를 원하는 상품을 검색하세요</h2> | |
| <p> | |
| 구매하고 싶은 물품은 검색해서<br /> | |
| 쉽게 찾아보세요 | |
| </p> |
기존의미는 다음과 같습니다:
내용: 구매를 원하는 상품을 검색하세요
내용: 구매하고 싶은 물품은 검색해서 쉽게 찾아보세요
그리고 h를 적용한다면 의미가 다음과 같아집니다:
제목: 구매를 원하는 상품을 검색하세요
내용: 구매하고 싶은 물품은 검색해서 쉽게 찾아보세요
어떤 의미가 선향님께서 나타내시고 싶은 내용인지 한 번 고민해보세요 ! 😊
| <img | ||
| class="panda_logo_img" | ||
| src="img/판다 얼굴.svg" | ||
| src="img/panda_logo_img.svg" |
There was a problem hiding this comment.
굿굿 ! 파일명을 변경하셨군요 ! 👍👍
빠른 피드백 반영 좋습니다👍
| /> | ||
| </head> | ||
| <body> | ||
| <body id="body"> |
There was a problem hiding this comment.
(의견) body는 document에 하나만 있을 수 있습니다 !
HTML
<body>요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의<body>요소만 존재할 수 있습니다.
mdn-body
또한 id도 document에 고유한 값(하나만)으로 존재하여야 합니다.
별 다른 이유가 없다면 어차피 하나만 존재하므로 body의 경우 필요 시 직접 스타일을 해도 될 것 같다고 사료되는데 어떻게 생각하실까요? 😊
| @media (max-width: 1199px) { | ||
| #body { | ||
| margin: 190px auto; | ||
| } | ||
| } |
|
수고하셨습니다 선향님 ! 미션 수행하시느라 정말 수고 많으셨습니다. 궁금하신 점 있다면 DM주세요 ~! 😊 |
2 participants
요구사항
기본
랜딩 페이지
로그인, 회원가입 페이지 공통
[심화]
주소와 이미지는 자유롭게 설정하세요
주요 변경사항
스크린샷
멘토에게