반응형 Grid1 [HTML/CSS] CSS Grid를 사용한 웹페이지 레이아웃 설계 Flexbox에 이어 이번 글에서는 CSS Grid를 사용한 웹페이지 레이아웃 설계의 예시를 소개하고, 기본 개념과 사용 방법을 자세히 알아보겠습니다. Grid란? Grid는 CSS의 레이아웃 모듈 중 하나로, 그리드 레이아웃을 만드는 데 사용됩니다. 그리드 레이아웃은 열과 행으로 구성된 그리드를 사용하여 레이아웃을 구성하는 방법입니다. 이전에는 flexbox를 사용하여 레이아웃을 구성하는 것이 일반적이었지만, Grid는 더 복잡한 레이아웃을 만드는 데 훨씬 유용합니다. CSS Grid를 사용하면 다음과 같은 이점이 있습니다. 유연한 레이아웃을 만들 수 있습니다. 레이아웃을 더 쉽게 디자인할 수 있습니다. 반응형 레이아웃을 만들기가 더 쉬워집니다. Grid의 구성 요소 Grid는 두 가지 개념을 중심으로.. 2023. 2. 27. 00:27 이전 1 다음 728x90 반응형