六角西餐廳 - 切版練習

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

位置

CSS 排序

  • Concentric-CSS

命名規範

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

Grid System

  • Bootstrap4

其他

  • 使用rem 單位
  • flex 排版
TOP