之前都用 Bootstrap 的 grid 來處理，但是遇到需要有 2 倍寬或 2 倍高的區塊就很難處理，這時只要用 grid 就可以很輕鬆做出來了。

• 在螢幕寬度未滿 600px 時，一列平分成 2 等份；600px 以上時，一列平分成 4 等份。
• 因為每 8 張圖的排列為一循環，所以使用 :nth-chlid(8n+x) 來控制每 8 張的第 x 張要改成 2 倍寬或 2 倍高。

See the Pen grid images demo by Chia Yi Lai (@ChiaYiLai) on CodePen.