고요빛물결

#2 https://cssgrid.io/

· 2019-02-24 (일) 00:18:01 · 1263

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를 이용해서..

댓글을 작성하시려면 로그인이 필요합니다.

CSS

89건

CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.

+
제목 글쓴이 날짜 조회
19-05-11 조회 1,875
19-04-29 조회 1,815
19-04-03 조회 1,794
19-02-28 조회 2,054
19-02-28 조회 2,159
19-02-27 조회 1,629
19-02-27 조회 2,998
19-02-27 조회 1,768
19-02-26 조회 1,689
19-02-26 조회 1,426
19-02-26 조회 2,650
19-02-25 조회 1,609
19-02-25 조회 1,552
19-02-25 조회 1,347
19-02-24 조회 1,719
19-02-24 조회 1,264
19-02-24 조회 1,460
19-02-23 조회 1,378
19-02-23 조회 1,667
19-02-23 조회 2,211
19-02-22 조회 1,633
19-02-22 조회 1,552
19-02-22 조회 1,834
19-02-21 조회 1,700
19-02-21 조회 1,361
19-02-21 조회 1,838
19-02-20 조회 1,219
19-02-20 조회 1,151
19-02-20 조회 1,113
19-02-19 조회 1,384