초보 개발자

minmax minmax는 grid-template-cloums와 row에 줄 수 있는 옵션이다. colmun에 minmax를 사용하여 최소값은 100px 최대값은 1fr로 주었다. 이렇게 했을 경우 브라우저의 창이 커지면 커질수록 column의 크기는 정비례되고, 작아지면 작아지는데 100px이하로는 작아지지 않고, 가로로 스크롤이 생긴다. 브라우저를 줄였을 때 100px이하로는 내려가지 않음 row도 마찬가지로 똑같이 줄 수 있다. 이 경우에는 grid-box에 height값을 주지 않으면 적용이 안된다. 그 이유는 기본 값이 없기 때문 auto-fill, auto-fit auto-fill과 auto-fit의 차이점에 대해서 알아보자 아래와 같은 화면이 나타난다. grid-tempate-columns..