반응형
목록grid-row-end (1)
컴굥일지
[CSS] ch2.1 ~ ch2.4 : Grid1
ch2.1 : Life Before Grid flex box로는 grid 형태를 만들기 어렵다. ch2.2 : CSS Grid Basic Concepts .father { display: grid; /*grid 화면 생성 - father에서 해야함*/ grid-template-columns: 250px 250px 250px; /*3개 열 생성*/ grid-template-rows: 100px 50px 300px; /*3개 행 생성*/ column-gap: 5px; /*열 사이 간격*/ row-gap: 10px; /*행 사이 간격*/ } 행과 열의 간격이 동일하면 gap:10px로 적어도 된다. ch2.3 : Grid Template Areas grid-template-columns: 250px 250px..
프로그래밍 강의/CSS - 노마드코더
2022. 5. 19. 14:26
반응형