목록2024/08/21 (1)
코딩하는 김딸기
minmax()의 활용/ 미디어쿼리에 독립적인 반응형 그리드 (auto-fill, auto-fit)
컨텐츠가 그리드의 컨테이너 블록보다 커 튀어나갈 경우=>overflow:hidden; / overflow: scroll 사용 =>혹은 minmax사용! /*2개의 칼럼 예약-min-width:0 초기화하는 기법=>그리드 콘태아너에서의 안전성 확보 min-width: auto가 되면 컨텐츠의 크기때문에 부모의 크기가 커지므로 이를 방지하기 위해 0으로 만듦 */ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 1. grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);이 코드는 ..
카테고리 없음
2024. 8. 21. 16:49