omnifood Project 一個虛構的健康飲食訂閱商店。 🔆see live General Information 專案思維 : 這個專案是模擬真實世界網站所使用到的方法進行建置。 佈局方法 : 網站大區域layout使用Grid、小區域layout使用Flex。 系統設計 : 依據自定義的風格指南進行設計色系定義與排版規劃等。 響應設計 : 依據畫面的完整性調整切分出五個斷點進行調整以符合不同設備的使用體驗。 圖片優化 : 使用 squoos 將圖片進行轉換壓縮成webp改善網站效能。 Tech Stack HTML CSS