CSS#codestates#생활코딩#grid#layout1 CSS - grid Grid - HTML element를 좌표처럼 활용하여 layout 할 수 있다. *display:gird로 grid 방식을 선언 해준다. *gird-template-colums : 100px 100px 100px는 100px 단위로 3개의 열을 만들어 준다.(개수만큼 열 생성) *grid-template-rows : 30px 30px 단위로 2개의 열을 만들어 준다.(개수만큼 행 생성) *border 등의 효과등을 넣어 줄 수 있다. 좌표처럼 활용하여 box size를 이용해서 크기를 조절 - 좌표처럼 활용이 가능 *grid-column-start:1; , grid-column-end:3; 을 간단하게 grid-column:1/3; 표현이 가능하다. *grid는 좌측 상단부터 (1,1)부터 시작이다.. 2020. 5. 7. 이전 1 다음 반응형
