視覺化建立 CSS Grid 佈局並複製程式碼。
display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: repeat(3, 1fr); column-gap: 8px; row-gap: 8px;
用滑桿設定欄數和列數。調整欄間距和列間距來控制間隔。為每一欄選擇 fr（比例）、px（固定）或 auto 單位來定義寬度。視覺化格線預覽會即時更新，顯示帶編號的格子。完成後複製 CSS 程式碼到您的專案中使用。