고요빛물결

CSS Grid Tutorial #6-10

· 2019-02-21 (목) 01:38:13 · 1361

6. Aligning & Justifying Items

 

align-items:  start or end or stretch 

justify-items:  start or end

 

justify-self

align-self

 

 

 

7. Create a 12-Column Grid

 

 

 

8. Mosaic Layout

 

 

9. Grid Areas

grid-template-area:

"header header header header"

"aside aside main main"

"nav nav main main"

"section section section section"

"section section section section"

"footer footer footer footer";

 

10. Responsive Grid Example

 

@media screen and (min-width: 760px)

 

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

CSS

89건

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

+
제목 글쓴이 날짜 조회
19-05-11 조회 1,875
19-04-29 조회 1,815
19-04-03 조회 1,794
19-02-28 조회 2,055
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,362
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