15. naming을 붙여서 만들수 있음

.container {

display: grid;

grid-gap: 20px;

grid-template-columns: [sidebar-start site-left] 1fr [sidebar-end content-start] 500px [content-end] 1fr [site-right];

grid-template-rows: [content-top] repeat(10, auto) [content-bottom];

}

16. grid-auto-flow: dense  (밀집한)

17. justify-items, align-items

justify-content, align-content

justify-self, align-self

https://css-tricks.com/snippets/css/complete-guide-grid/

18. ordeing

19. auto-fit minmax로 responsive하게 만듬

20. Image gallery는 dense를 이용해서..