Enjoy Programming

Grid - minmax 본문

CSS

Grid - minmax

LEETAEEON 2021. 4. 23. 20:42

이번에는 minmax속성을 알아보자

minmax는 그리드가 얼마나 작게 혹은 큰 요소가 될  수 있을지 지정하도록 해준다.

 

음 쉽다.

이런식으로 지정해주면 된다.

화면사이즈가 아무리 줄어도 최소 100px은 유지되고, 화면이 커지면 그냥 화면상 10개의 칼럼이 최대한 나눠 갖는다.

또는 minmax(50px, 150px)이라면 최소 50px은 유지되고 브라우저가 커지면 150px까지만 커지게 되는 것이다.

gif를 못만들어서 코드만 사진 올린다...

'CSS' 카테고리의 다른 글

SCSS - css preprocessors and set up  (0) 2021.04.25
Grid - min content, max content  (0) 2021.04.23
Grid - Auto Columns and Rows  (0) 2021.04.23
Grid - Place content  (0) 2021.04.23
Grid - Place Items  (0) 2021.04.23