Sass / SCSS 預處理器 - 自建 CSS 框架中的 Grid System 與 Spacing | Roya's Blog

[awdr74100]

https://awdr74100.github.io/2020-06-24-scss-gridsystem-spacing/

Grid System 可說是近年來前端工程師必備的一項技能，傳統上我們都是針對特定對象撰寫 media query 以達到 RWD 的效果，但對於可維護性及結構性來說，似乎這不是個好的做法，現在我們都會直接導入像是 Bootstrap 或 Tailwind 等 CSS 框架，利用內建的 Grid System 更有效率的撰寫出網站基底的 RWD 樣式，但這樣的問題是，在不考慮使用 PurgeCS

[Kanmurio406]

謝謝你！寫得很詳盡清楚。正在學習如何在Sass/SCSS中，寫出grid system的RWD效果，閱讀你的文章後很有幫助！