목록2024/08/20 (1)
코딩하는 김딸기
그리드 레이아웃 시스템
그리드-> 부모 요소에서 템플릿을 지정하는 것 auto ->column기준에서, 내부컨텐츠 너비+stretch(컨텐츠 제외하고 가용공간을 n등분)1fr -> 그리드 커테이너 너비 기준에서 내부 컨텐츠 관계없이 비율로 책정( 컨텐츠 포함해 무조건 n등분) 1. grid-template-columns역할: 그리드의 열의 크기와 개수를 명시적으로 정의합니다..container { display: grid; grid-template-columns: 100px 200px 1fr;}해석:이 예제에서 .container는 3개의 열을 가진 그리드 컨테이너입니다.첫 번째 열의 너비는 100px로 고정되어 있습니다.두 번째 열의 너비는 200px로 고정되어 있습니다.세 번째 열은 1fr로 설정되어 있으며, ..
카테고리 없음
2024. 8. 20. 18:57