#19 CSS Grid、Subgrid：網頁排版的神奇格子，來排個照片牆與雞腿便當吧！

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 昨天我們介紹的 flex 是單向的排版，而今天我們要探討 grid ，它是雙向的排版，可以創造很多行與列。grid 也是十分好用的 CSS，大家一起學起來吧！ ↓ 今日學習重點 ↓ 學習 Grid 容器的各種設定 了解如何劃分 Grid 區域 了解 Subgrid 學習 Grid 細節設定：Gap、Order 一、Grid 容器 和 flex 一樣，首先要準備一個 grid 容器。 1. ...