Grid 水平均分 Column 但保有最小寬度
雖然可使用 repeat(n, 1fr) 實現水平均分 Column，但實務上可能想要 Column 數不變，雖然 Column 可變小但仍有其最小寬度，可用 repeat() 搭配 minmax() 實現。
Grid 之 auto-fill vs. auto-fit
若想不寫 Media Query 而讓 Grid 自動根據 Browser 寬度改變且換行， 可使用 repeat() 搭配 auto-fill 與 auto-fit 由 Browser 決定 Column 數。
Grid 使用 grid-template-areas 建立不規則 Layout
實務上常會出現 Header、Navigation、Main、Aside 與 Footer 等區塊，可使用 grid-template-areas 建立不規則 Layout。
使用 Object.values() 將 Object 所有 Value 轉成 Array
若要將 Object 的所有 Value 轉成 Array，可使用 Object.values()。
CSS 之 Child Combinator >
CSS 的 Descendant Combinator 與 Child Combinator 都可選擇子層 Element，唯 > 只能明確選擇 子代 Element，而不能選擇 孫代 Element。
Grid 使用 grid-column 與 grid-row 調整 Item 位置
透過 grid-column / grid-row 可將 Item 原本在 HTML 位置調整到指定位置。