CSS Grid 는 복잡한 웹사이트를 만들도록 도와준다. HTML 엘리먼트들을 행(rows), 열(columns)이 있는 grid container로 바꿔준다. dispaly: gird; 열(columns) 추가하기 grid-template-columns: 100px 100px 100px; 한 행에 폭(width)이 100px 열 세 개를 만들겠다는 의미 간단하게 grid-template-columns: repeat(3, 100px); 행(rows) 추가하기 뒤만 다르고 열과 같다 grid-template-row: 50px 40px; 위에서 부터 50px, 40px 높이로 만든다. 크기 폭, 높이를 정할 때 px, em 을 써도 되고 밑에것 써도 된다. fr : 남는 공간을 비율로 정해서 ie. 1fr,..
