[Web 기초] Day4 CSS layout

Grid 그리드: 수평선과 수직선이 교차해서 이루어진 집합체 열과 행으로 된 라인을 따라 생성된 grid 에 각 element들을 배치할 수 있다. - 각 트랙의 크기를 px을 지정해서 고정히킬수도 있고 %,fr등 가변크기로 유연하게 할 수 있다. - 아이템을 정확한 위치에 지정하여 배치할 수 있다. - 행열을 추가/ 정렬 - 겹치는 콘텐츠 제어 Grid 트랙/라인/셀/영역 Grid 트랙 : 그리드는 기본적으로 트랙으로 정의 된다. 그리드 트랙은 그리드에 그려진 두 라인 사이의 공간을 나타낸다. grid-template-columns: repeat(3, 1fr); -> 3개의 열방향 트랙이 그려진다. One Two Three Four Five .wrapper{ display:grid; grid-templ..

2021.02.14