Component Gallery
Grid Layout
Easy
•LayoutsPreview
동적 열 그리드
아이템 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
Prompt
Prompt Tips
- •Specify columns with grid-cols-{n}
- •Responsive grid with auto-fit, minmax
- •Featured item with col-span-2
- •Masonry effect with columns-3
Tags
#grid
#layout
#responsive
#masonry
#cards