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
- express
- MongoDB
- Mongoose
- 자바스크립트
- javscript
- GRID
- Session
- heroku
- pug
- HTML
- graphQL
- NextJs
- react
- clonecoding
- 리액트
- CLONE
- ECMAScript
- frontend
- CSS
- DART
- backend
- JavaScript
- ES6
- TypeScript
- nodejs
- node.js
- Flutter
- form
- API
- Component
Archives
- Today
- Total
목록Property (1)
Enjoy Programming
Grid - grid container properties & grid item properties
자 잠시 중간타임으로 그리드 컨테이너의 프로퍼티를 알아보자 외우진 않더라도 뭐가 있는지만 체크해보자 1. display - 그리디 컨테이너를 정의한다. 2. grid-template-rows - 명시적 행(Track)의 크기를 지정 3. grid-template-columns - 명시적 열(Track)의 크기를 지정 4. grid-template-areas - 영역이름을 참조해 템플릿을 만든다 5. grid-template - grid-template-XXX의 단축 속성 6. row-gap(grid-row-gap) - 행과 행 사이의 간격을 정의 7. column-gap(grid-column-gap) - 열과 열 사이의 간격을 정의 8. gap(grid-gap) - xxx-gap의 단축 속성 9. gri..
CSS
2021. 4. 22. 21:18