퍼블리싱1 CSS display:flex가 가지는 한계...해결책은 Grid flex는 1차원 레이아웃을 벗어나기가 힘들다 기존 반응형 작업을 위해서 대부분의 작업을 display:flex를 이용해서 처리하는 케이스가 많았는데, 아쉬운 한계점이 하나 있었다. 그것은 바로 flex 속성이 1차원 레이아웃(행이 1개인 경우)는 유용하지만, 2차원이 되는 순간부터는 크기 조절하는데 불편함이 있다. 위와 같이 한줄에 동일한 크기의 박스를 3개를 두는 레이아웃을 잡는다고 가정해보면, 한 줄에서는 각 col에 flex:1; 이라는 속성을 부여함으로써 동일한 크기로 자동적으로 나뉘도록 설정할 수 있다. box 1 box 2 box 3 하지만 3 x 2의 배열을 하고 싶다면 어떻게 해야할까? 가장 명확한 방법은 .row를 두개로 쪼개는 방법이지만, 이 경우 프론트 처리하면서 반복문을 돌리는 과.. 2024. 2. 8. 이전 1 다음
