BEM CSS 切版練習

位置

• 網頁：https://chupai.github.io/Hex-Restaurant/
• Github：https://github.com/chupai/Hex-Restaurant
• 設計稿：https://hexschool.github.io/Rwd_sketch_export/

CSS 排序

• Concentric-CSS

命名規範

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

Grid System

• Bootstrap4

其他

• 使用rem 單位
• flex 排版