ECMAScript 之 Higher Order Function
ECMAScript 支援 First Class Function，所以可將各 Function 相同部分抽成 Higher Order Function，不同部分亦抽成小 Function，最後以 Argument 傳入產生各 Function。
Grid 使用 justify-content center 水平置中
Grid 若要使 Column 或 Content 水平置中，可使用 justify-content center。
Grid 使用 gap 與 fr 自動決定 Column 寬度
傳統會將 Column 寬度設定為 % 使其依比例顯示，但若設定 column-gap 後，則要改用 fr 才能依比例顯示。
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。