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

位置

• 網頁：https://chupai.github.io/Sweetaste/
• Github：https://github.com/chupai/Sweetaste/tree/master
• 設計稿：https://xd.adobe.com/spec/934efdb7-a7e4-47d5-572e-efece0914f62-e57f/

CSS 排序

• Concentric-CSS

命名規範

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

Grid System

• Bootstrap4

其他

• 使用rem 單位
• flex 排版