CSS grid

grid container

grid-container{
	display: grid;
    grid-template-coumns(12, 1fr);
    column-gap: 12px;
    row-gap: 24px;
}

배치
grid-template-rows 행의 배치
grid-template-columns 열의 배치

간격
row-gap
column-gap
gap

grid item

grid-column-start
grid-column-end
grid-column
grid-row-start
grid-row-end
grid-row

배치순서
order

h1{
	order: 2;
    grid-column: 5/9;
}