Developer tool / Local processing
CSS Grid 產生器，
快速又安全。
設定 Grid 欄列、間距與對齊方式，即時預覽版面並複製 CSS。
1
2
3
4
5
6
常見問題
CSS Grid 和 Flexbox 有什麼不同？
Grid 適合二維欄列版面，Flexbox 更適合單一方向排列；兩者也可以搭配使用。
產生的 CSS 可以直接使用嗎？
可以，複製後貼到容器元素的 CSS 規則即可，再依專案調整欄寬與斷點。
資料會上傳嗎？
不會，所有設定與預覽都只在瀏覽器內完成。