←
⊞
☀️
🌙
🇺🇸
EN
▼
🇺🇸
English
🇸🇦
العربية
🇩🇪
Deutsch
🇪🇸
Español
🇫🇷
Français
🇮🇳
हिन्दी
🇮🇹
Italiano
🇯🇵
日本語
🇰🇷
한국어
🇳🇱
Nederlands
🇳🇴
Norsk
🇵🇱
Polski
🇧🇷
Português
🇷🇺
Русский
🇸🇪
Svenska
🇹🇭
ไทย
🇹🇷
Türkçe
🇨🇳
中文
←
📐
CSS Grid Generator
☆
?
×
📐
CSS Grid Generator
☆
Add to favorites
インタラクティブビルダーでCSS Gridレイアウトを視覚的に生成します。複雑なグリッドシステムを簡単に作成できます。プロジェクトで使用するためにCSSコードをコピーできます。
Columns:
3
Rows:
3
Column Gap:
10
px
Row Gap:
10
px
Column Sizes
Equal (1fr)
Auto
minmax(100px, 1fr)
Custom
Custom Columns
Justify Items
stretch
start
end
center
Align Items
stretch
start
end
center
コピー CSS
CSS 出力