排版
畫面看起來「整齊」，多半不是因為顏色，而是空白、對齊與斷點。這一批頁面把 Tailwind 日常排版收成三件事：間距尺度、Flex／Grid、行動優先的響應式前綴。
本分類頁面
- 間距與尺寸：
p-m-gap-w-max-w-，以及數字尺度對應多少 rem。 - Flex 與 Grid：水平列、置中、多欄卡片。
- 響應式設計：
sm:md:lg:怎麼疊，為什麼預設寫手機。
官方學習資源
官方影音
官方系列第三集 Responsive Design 把同一張版面從單欄改成多欄。完整清單見 官方影音。