네이버 쇼핑 카피캣

학습내용

1. 네이버 메인 페이지에서 '쇼핑' a 태그에 href 속성을 활용하여 네이버 쇼핑 페이지로 이동하게 했다.
2. 여러 부분에 적용이 필요한 CSS 속성들을 따로 class화시켜서 사용하기 편했다.

.shop-container {
  width: 1300px;
  margin: 0 auto;
}

.shop-border {
  border: solid 1px #ced2d7;
}

3. 네이버의 초록색을 css 변수로 지정한다면의 예시이다.

:root {
  --main-bg-color: green;
}

element {
  background-color: var(--main-bg-color);
}

학습후기

건강하고 행복하자