Media Query 我覺得已經講到快爛掉了，搭配 Grid 說實在話也沒有很不好做的地方。不過，由於 Grid 是「方格系統」，所以你必須要撇開之前使用 Float Position, Flexbox 的那種流向的思維，這是比較令人苦惱的。 像是 Bootstrap 5.1.x [https://getbootstrap.com/docs/5.1/layout/css-grid/] 可以打開 Grid（預設關閉）

燙傷了手停了幾天，不過差不多 15 天好像就交代完所有的東西了。剩下的大部分是比較冷門，甚至是 Grid Layout Module Level 2 的事情，雖然支援度還有待商榷，不過還是多少可以講一點。 手是好了點，倒不用太擔心。 -------------------------------------------------------------------------------- Grid 能與不能 如果很有耐心的看到這裡，我就假設大家都已經知道 Grid Layout Module 的基本操作方式。那麼，我們就可以來看看 Grid 到底在哪些情況下，能做到哪些事情，不能做到哪些事情。 首先，可以做得到的地方很多，

中秋連假寫稿好像有點不太應景，所以今天不會講太多東西，最後把 Grid 單元的對齊稍微補一下，連假嘛，大家輕鬆一點。 不過武漢肺炎肆虐，大家還是小心為上。 -------------------------------------------------------------------------------- 單元的對齊 如同前些日子提及的，其實就只有兩種，第三種是縮寫不太想把他算進來。資料的部分就不再次貼過來，忘記的人請參考 之前的文章 [https://blog.hinablue.me/css-flex-grid-layout-modules-part-11/]，這邊簡單說明一下， 樣式說明justify-self行內或主要軸方向的對齊，以 LTR 來說就是欄（column）方向對齊align-self區塊或交叉軸方向對齊，以 Top-to-Bottom 就是列（row）