컴포넌트 갤러리
그리드 레이아웃
쉬움
•레이아웃Preview
동적 열 그리드
아이템 1
카테고리 A
아이템 2
카테고리 B
아이템 3
카테고리 A
아이템 4
카테고리 C
아이템 5
카테고리 B
아이템 6
카테고리 A
반응형 자동 조절 그리드
아이템 1
카테고리 A
아이템 2
카테고리 B
아이템 3
카테고리 A
아이템 4
카테고리 C
아이템 5
카테고리 B
아이템 6
카테고리 A
그리드/리스트 토글
아이템 1
아이템 2
아이템 3
아이템 4
아이템 5
아이템 6
메이슨리 스타일 그리드
카드 1
카드 2
카드 3
카드 4
카드 5
카드 6
카드 7
카드 8
피처드 그리드
주요 아이템
2x2 크기의 피처드 카드입니다.
아이템 A
아이템 B
아이템 C
아이템 D
간격 변형
gap-1
gap-4
gap-6
프롬프트
프롬프트 팁
- •grid-cols-{n}으로 열 개수 지정
- •auto-fit, minmax로 반응형 그리드
- •col-span-2로 피처드 아이템
- •columns-3으로 메이슨리 효과
Tags
#grid
#layout
#responsive
#masonry
#cards