display grid1 CSS grid 그림으로 보면서 쉽게 이해하기 css grid - 실습내용 포함 웹사이트에서 레이아웃을 잡기위해 css속성인 display flex와 grid를 많이 사용합니다. 그 중에서 grid는 2차원 요소를 레이아웃하는데 최적화 되어 있는데요. flex는 1차원 요소를 레이아웃 하는데 최적화 되어 있습니다. 이런식으로 수평이나, 수직 구조를 디자인 하기에 정말 편하죠. flex만으로 구성하여 2차원 레이아웃을 구성할 수도 있지만 개발자는 항상 편하고 깔끔한 것을 추구합니다. 그래서 2차원 레이아웃을 구성하고자 할 때 우리는 grid를 사용해야 합니다. 그리드 컨테이너 내부에서는 이렇게 자유롭게 요소를 배치시킬 수 있죠 여기서 이 컨텐츠를 담는 박스를 grid container라고 합니다. 그리고 grid container 안에 들어가는 요소를.. 2023. 9. 25. 이전 1 다음
