- 你為何會選擇這個專案？
我覺得電商網站很注重使用者體驗，一個完整的電商網站需要有以下功能:網站順暢瀏覽、RWD 響應式網頁設計、迅速且流暢的購物流程、商品搜尋引擎等等，也因為電商網站需要的功能或技術很多，我覺得它是一個可以長期執行的專案，每次專案更新都可以嘗試使用新的技術優化，是個可以跟著自己成長的專案。 - 你使用了什麼技術？
- 單一軸向軸向資料流使用FLEX排版，兩個軸向的資料流則使用grid搭配auto-fit達到RWD效果
- 超出容器大的照片使用object-fit裁減圖片但維持原比例，方形圖片使用 aspect-ratio達到1:1的比例
- 使用hover搭配transition完成滑鼠移入(出)圖片時的換圖效果
- 利用position讓navbar保持在網頁最上層，方便使用者點選
- 使用Media Queries 進行RWD版面的切換
- 哪部分你相對能掌握？哪裡花了最多時間？
先前專案較多使用flex，所以對於flex的使用上相對熟練。
在這個專案中，花最多時間的部分應該在於細部調整，如何不使用過多的CSS語法微調元件位置並且不影響RWD效果 - 過程中碰到什麼困難？又如何克服？（例如：查找網路文件）
在這專案中困難的部分是如何把過去所學的語法運用在這個專案中，能夠相輔相成達到最大效益卻又不因為修改個小地方而導致跑版。關於如何克服這個問題，我的做法是先深呼吸..好好回想過去切版時的tip，由大到小，由底層到上層，如果遇到不知道的語法，我會先判斷這個語法通常在版面的哪個位置中出現，是header ? card ? footer還是表單? 依據使用的情境再去餵狗找資料 - 過程中你有對哪個前端技術有特別深刻的學習？
以往都認為position是很少使用的css語法，透過這次專案的練習才知道，原來position的用途有那麼多，相對定位和絕對定位使用的時機。
這次只完成了基礎的版面設定，卻也花費了不少時間，透過這個專案明白自己離業界的工程師還有一大段路要走，期許自己下次能夠縮短50%的時間完成這個專案。
