Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- form
- HTML
- API
- Mongoose
- heroku
- react
- ES6
- NextJs
- graphQL
- MongoDB
- 리액트
- CSS
- TypeScript
- javscript
- express
- DART
- ECMAScript
- JavaScript
- Session
- frontend
- pug
- nodejs
- backend
- node.js
- Component
- GRID
- clonecoding
- 자바스크립트
- CLONE
- Flutter
Archives
- Today
- Total
Enjoy Programming
Grid - minmax 본문
이번에는 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 |