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
- zustand
- react
- 외부폰트
- state
- 데이터유지
- prefetchdns
- useid
- 최신데이터
- useinsertioneffect
- dns-prefetch
- Nextjs
- useRef
- finddomnode
- experimental
- experimental_taintuniquevalue
- 저장소
- component
- usedeferredvalue
- 상태관리
- react dom
- Props
- 실험적
- Store
- flushsync
- react dom hook
- preconnect
- react hook
- experimental_taintobjectreference
- 베타
- useformstatus
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함
반응형
250x250