📌 웹카페 만들면서 배우는 CSS

multi column layout

column–width
column–width로 레이아웃을 쉽게 구성 뷰포트에 따라 변함

.container {
  background: yellow;
  border: 1px solid silver;
  padding: 50px;
  column-width: 200px;
}

h1 {
  background: teal;
  column-span: all;
}

column-count는 단의 갯수를 고정

---

과제 리뷰

padding대신 line-height를 사용해서 글자가 가운데 배치되는 것처럼 꾸밀 수 있음
놓친 부분
display: block을 사용하여 리스트 어느 곳에 마우스를 올려도 링크가 선택될 수 있게 수정

.site__item a {
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 0.875rem;
}