CSS Grid는 행과 열을 사용하여 복잡한 레이아웃을 설계할 수 있는 2차원 레이아웃 시스템입니다.

열과 행 수를 설정하려면?

열과 행 입력을 사용하여 그리드 구조를 설정합니다. px, fr, 퍼센트를 사용할 수 있습니다.

gap 속성은 그리드 항목 사이의 간격을 설정합니다. row-gap과 column-gap에 별도의 값을 설정할 수 있습니다.

이름이 지정된 그리드 영역을 만들 수 있나요?

이 생성기는 기본 구조에 초점을 맞춥니다. 명명된 영역은 생성된 CSS를 수동으로 확장하세요.

라이브 미리보기가 있는 시각적 CSS Grid 생성기. 대화형으로 그리드 레이아웃을 설계하세요.

