flex로 격자무늬를 만들기 쉽지 않아서 고안된 태그
순서가 합리적이지 못함
부모에 display : grid
gird 디자인은 부모요소에서 이루어져야한다.
column 과 row의 갯수를 적어주어야한다.
grid-template-columns: 20px 55px
각각 크기의 컬럼 4개 생성
컬럼을 3개만 생성하면 나머지는 아래로 밀려남