先數網格線，不要只數有顏色的格子
先讀關卡澆水目標，再辨認目標區域的邊界線。CSS 網格用網格線和軌道描述位置；網格線編號並不等於有顏色的格子編號。輸入 CSS 前，先指出開始和結束邊界，這樣更容易預測規則會覆蓋哪裡，而不是水移動後才發現選錯區域。
任務使用 span 時，應考慮需要跨多少條軌道，不要直接換算成像素距離，也不要因為兩款遊戲都教 CSS，就照搬 Flexbox 的對齊規則。一次修改一項，觀察澆水區是否覆蓋胡蘿蔔或本關指定目標。是否成功以當前任務為準，覆蓋面積更大未必更正確。
根據澆水區的形狀定位規則錯誤
澆水區起點不對，就檢查起始網格線；起點正確卻過早或過晚結束，就檢查終點或跨度；沿錯誤方向變化，就檢查用了哪個行、列屬性。先描述幾何錯誤，再修改對應部分，不必把多個本來正確的規則一起替換。
成功後，解釋目標位於哪些網格線之間，規則怎樣選中它們。後續關卡可能換網格或組合條件，因此理解邊界比記住孤立的答案更有幫助。本中心針對實際 CSS 花園的任務，不承諾外部認證或每個版本的完整答案。編輯器操作請看遊戲頁。
例如，多澆了一條軌道，就標出正確的結束邊界，與輸入的終點或 span 比較；保留正確起點，只改末端。如果結果移到另一行，就分別檢查行與列規則。覆蓋正確後，再用文字描述邊界和軌道。這種練習能把 CSS 與可見網格對應起來，幫助處理不能套用舊答案的新佈局。
Grid Garden 技巧與策略
勾選下一局想練習的技巧。這份清單不會改變遊戲或儲存遊戲進度。
Grid Garden 問題與答案
Grid Garden教授什麼主題？
它透過花園佈局謎題提供與 CSS 網格的互動練習。
我可以控制一個會移動的角色嗎？
不。主要互動是輸入 CSS 來改變網格位置。
原始出處是什麼？
Thomas Park 的 Grid Garden 提供了本評測版本中使用的 MIT 許可原始碼和 CC BY 3.0 插圖。
起始線是 2、結束線是 4，會覆蓋四個格子嗎？
不會。grid-column-start: 2 與 grid-column-end: 4 選擇的是第 2 到第 4 條線之間的空間，也就是兩欄軌道。結束線是邊界，並非多澆水的一個格子。數清線之間的間隔，或使用 span 2；先檢查反白範圍，再調整列的位置。