본문 바로가기
배움/코딩

그리드grid

by Mar liso 2019. 2. 8.

그리드grid

생활코딩_web2_css_10.그리드_필기노트


div

block level

span 

inline 



display:grid;

 grid-template-columns: 150px 1fr;



150px 1fr

왼쪽 150px로 고정

1fr 1fr 

1:1 

2fr 1fr

2:1



  • div id="" 로 그리드 구분
  • #grid>ol {} 로 ordered line 구분


도움이 되는 사이트 : caniuse.com





현재까지 진도를 따라가며 만든 나의 웹페이지

하..어썸하다 증말... 🤩🤩

'배움 > 코딩' 카테고리의 다른 글

생활코딩 Web2 CSS 완강 / 결과물  (0) 2019.02.11
CSS 미디어쿼리 중복제거  (0) 2019.02.09
css 박스모델  (0) 2019.02.08
css 선택자/selector  (0) 2019.02.08
css란? - html과의 차이를 중심으로  (0) 2019.02.06

댓글