CSS
css minmax 사용법
daeyun대윤
2023. 8. 29. 14:21
css minmax 사용법 : grid로 레이아웃을 만들 때 많이 사용.
문법 : min 보다 크거나 같고, max 보다 같거나 작은 단위
minmax(min, max);
예시 :
.grid-container {
display: grid;
grid-template-rows: repeat(2, minmax(20px, auto));
grid-template-columns: minmax(30px, auto) repeat(3, 1fr);
}
참고 :
https://developer.mozilla.org/en-US/docs/Web/CSS/minmax
https://yamoo9.gitbook.io/css-grid/css-grid-guide/minmax-function
https://justmakeyourself.tistory.com/entry/grid-extra
728x90
300x250