웹레이아웃1 CSS 레이아웃 - Grid, Flex 차이 및기본 개념 웹에는 "웹 레이아웃"이라는 개념이 존재합니다. 우리는 아래 보이는 그림처럼 필요에 따라서 우리만의 레이아웃을 만들어 내용을 배치할 수 있습니다. 레이아웃하면 가장 많이 사용되어지는 것이 Flex,Grid입니다. 둘의 차이는 Flex는 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌 수 있습니다. 그에 비해 Grid는 2차원으로 수평 수직을 동시에 영역을 나눌 수 있습니다. Grid Grid는 2차원으로 수평 수직을 동시에 영역을 나눌 수 있다고 했죠? 이때 grid-template-columns속성을 이용하여 행을, grid-template-rows속성을 이용하여 열을 바꿀 수 있어요. a a a a get-templates-columns/rows를 줄 때 fr을 이용해서 비율형태로 .. 2021. 3. 27. 이전 1 다음 728x90
