728x90
반응형
[CSS Grid] Grid Template
flex의 경우, 주축을 기준으로 다양한 옵션을 설정할 수 있지만 grid에 비해 많은 제한사항이 있다. 물론 주축을 기준으로 위치를 설정할때는 justify-content, 교차축을 기준으로 설정할때는 align-items가 있고 서로 같은 옵션의 파라미터를 공유하고 대상의 주축 기준에 따라 엘리먼트의 위치가 변경된다. 1. grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns는 요약하면 " 열 = width = 넓이 = 가로 " 단어로 설명할 수 있다. ㅇ 2. grid-template-rows: 1fr 1fr 1fr 1fr;
web/css
2024. 1. 12. 19:20
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 실험적
- useid
- Props
- usedeferredvalue
- Store
- experimental_taintuniquevalue
- 상태관리
- 외부폰트
- react
- dns-prefetch
- component
- experimental
- experimental_taintobjectreference
- react dom
- react hook
- 베타
- 데이터유지
- flushsync
- finddomnode
- preconnect
- 저장소
- Nextjs
- useformstatus
- zustand
- useinsertioneffect
- prefetchdns
- react dom hook
- state
- useRef
- 최신데이터
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함
반응형
250x250