切版練習，使用 BEM 命名 + Sass 模組化 + Bootstrap4 Grid System。

舊 Blog 原文

位置

• 網頁
• Github
• 設計稿

CSS 排序

• Concentric-CSS

命名規範

• 前綴
  • l- layout
  • m- modules
  • e- element
  • p- pages
  • h- helpers
• BEM
  • Block__Element_Modifier

Grid System

• Bootstrap4

其他

• 使用rem 單位
• flex 排版