css 공부 : 콘텐츠 레이아웃 2가지 방법

적용방법

li 코드는 3단 레이아웃으로 되어있습니다.

예) 2단으로 레이아웃 변경하고 싶으면
1번째 코드 li 에서 width: 25%;
2번째 코드 li 에서 width: calc(100% / 2);
이렇게 코드를 주면 2단 레이아웃으로 됩니다.

1번째

ul {
  width: 100%;
}

li {
  width: 33.33%;
}

2번째

ul {
  width: 100%;
}

li {
  width: calc(100% / 3);
}