목록Grid #CSS (1)

BEOM_IT

Grid

그리드 2차원(수평 + 수직) 레이아웃 시스템 Flex와 동일하게 container, item이 필요하다 부모 요소 : Grid Container 자식 요소 : Grid item ​ .item.bgc{요소의 내용 }*갯수 display : grid --> 변화없음 몇개의 컬럼 또는 로우를 만들지 각각의 사이즈는 어떻게 해야할지 정해야한다. ​ repeat(반복횟수, 크기 ​ fr단위(fraction) = 비율, 분수, 부분 minmax(최소 높이, 최대 높이); .container{ display: grid; /*grid-template-columns: 100px 100px 100px;*/ /*grid-template-columns: repeat(5, 20%);*/ /*grid-template-colum..
Language/CSS 2023. 7. 10. 21:11
이전 Prev 1 Next 다음