CSS Grid 생성기

CSS Grid 레이아웃을 시각적으로 만듭니다

컬럼 프리셋

grid-template-columns

grid-template-rows

justify-items

align-items

Columns: 3

Rows: 3

Gap: 10px

CSS

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
  justify-items: stretch;
  align-items: stretch;
}