切版練習，使用 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 排版

後記

第一次切版就獲得高評價，有點驚嚇 😱😱