Flexbox에 관한 내용 이후 다루는 것은 grid 이다. flex와 유사한 문법구조를 가지고 있다. grid를 설정하려면 flex와 비슷하게 display: grid; 혹은 display: inline-gird; 로 표현하면된다. 기본적으로 grid는 1개의 column을 가지고있다. 새로운 아이템을 추가할 때마다 새로운 row가 생성되게 된다. 그렇지만 이렇게 하면 당연히 공간이 부족하기 마련이고, 따라서 우리는 row와 column을 몇개로 할 것인지 지정을 해줘야만한다. column과 관련된 명령어 grid-template-columns 를활용하면 column의 갯수와 , 너비를 결정할 수 있다. grid-template-columns: 100px 200px ; 위의 예시를 보면 100px 너비..