Hex-Restaurant 六角西餐廳

六角學院響應式網頁課程的最終作業。

• 網頁：https://kencc.github.io/hexrestaurant/
• 原始碼：https://github.com/kencc/hexrestaurant
• 設計稿：https://hexschool.github.io/Rwd_sketch_export/
• 圖示：Font Awesome

專案配置

使用 npm 方式建置專案與 Webpack 編譯產出最終 CSS

編譯方式

1. npm install
2. npx webpack --mode development (未壓縮版本)

斷點規劃

• Pad: 768px
• Mobile: 568px

內容

• 使用 Flex 排版
• 使用 Sass 撰寫，模組化管理 CSS 樣式
• 使用 jQuery 實作漢堡選單
• 使用 CSS Reset 初始化樣式