Tailwind CSS 的有針對 display: grid設計的 class，所以可以先去了解一下 grid 的排版概念後，再來使用 Tailwind CSS 來弄 RWD 會比較好。
因為是 grid，所以 class 加在外面那層就好了，像這樣：
<div class="grid grid-cols-4 gap-4">
<div>01</div>
<!-- ... -->
<div>09</div>
</div>上面的意思代表使用 display: grid，然後設定一排四個元素，還有設定一個 gap 是四個單位，這樣元素只要到第五個就會掉到下面去。
如果要讓版型在不同解析度下有變化，再加上 RWD 的 break point 就好了，比如說：
<div class="grid grid-cols-1 md:grid-cols-4">
<!-- ... -->
</div>這樣就代表在最小的解析度時是一排一個元素，md 的解析度以上一排四個這樣，可以依據自己的需求調整版面。
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
