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
- javscript
- Flutter
- ECMAScript
- CSS
- DART
- form
- 자바스크립트
- GRID
- express
- 리액트
- node.js
- graphQL
- API
- pug
- frontend
- TypeScript
- JavaScript
- CLONE
- Mongoose
- Session
- react
- NextJs
- MongoDB
- clonecoding
- ES6
- backend
- Component
- nodejs
- heroku
- HTML
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