雖然這篇Grid-template area鄉民發文沒有被收入到精華區：在Grid-template area這個話題中，我們另外找到其它相關的精選爆讚文章
在 grid-template產品中有2篇Facebook貼文，粉絲數超過5萬的網紅軟體開發學習資訊分享，也在其Facebook貼文中提到， 使用 React ，React Router 和樣式化的元件( styled-components )建立一個影像管理應用程式，使用超過 100 個以上的範例精通 CSS Grid 從這 2.5 小時的課程，你會學到 1. 使用超過100個 Grids 範例探索 CSS Grid 的屬性 2....
同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...
-
grid-template 在 コバにゃんチャンネル Youtube 的最佳貼文
2021-10-01 13:19:08![post-title]()
-
grid-template 在 大象中醫 Youtube 的最讚貼文
2021-10-01 13:10:45![post-title]()
-
grid-template 在 大象中醫 Youtube 的精選貼文
2021-10-01 13:09:56![post-title]()
grid-template 在 軟體開發學習資訊分享 Facebook 的最佳貼文
使用 React ，React Router 和樣式化的元件( styled-components )建立一個影像管理應用程式，使用超過 100 個以上的範例精通 CSS Grid
從這 2.5 小時的課程，你會學到
1. 使用超過100個 Grids 範例探索 CSS Grid 的屬性
2. 使用 React，React Router和樣式化的元件( styled-components )建立一個完整的影像庫應用程式
3. 響應式佈局: 使用 media queries 和 grid-template-areas 快速建立任何裝置的佈局
4. 樣式化的元件: 在 React 元件內部編寫 CSS
5. 照片庫: 學習如何收集，並調整時尚的照片庫具有專業的外觀和感覺
6. 建立兩種佈局: 正方形( Square ) 和層疊形( Cascading )
7. React Router: 學習如何重新樣式化連結，使用搜尋參數匹配路由
8. 影像模型視窗( Image Modals ): 當一個影像模型視窗開啟時學習如何全域性鎖定捲動( lock scrolling )
https://softnshare.com/css-grid-with-react/
grid-template 在 卡斯伯 Facebook 的精選貼文
Chrome 更新要幹麻？學 CSS 啊！
更新後開始支援 CSS Grid 的屬性
這邊把筆記整理出來先給大家看
其中一可以先看 `grid-template-*`
可以大致了解 display grid 在幹什麼
#CSSGrid #附有GridSystem寫法