電商網頁切版介紹

• 你為何會選擇這個專案？

以目前常見的電商網頁練習，熟悉Flexbox、Grid的排版技巧以及如何做出RWD網站。

• 你使用了什麼技術？

大區塊的部分例如Header以及排序、相片集的section使用Grid系統排版，區塊內的細部調整使用Flexbox系統排版。

• 哪部分你相對能掌握？哪裡花了最多時間？

在一開始畫HTML的結構圖和寫HTML的架構是目前比較能夠掌握的部份，在細部的調整上以及如何做出更佳的RWD還不是那麼的熟悉。

• 過程中碰到什麼困難？又如何克服？（例如：查找網路文件）

在Header的細部排版上面做不出桌機版(960px以上)的畫面，一直跑掉，但是之後在做別的區塊用grid-area排版時想到也能用同樣的方式做出Header的RWD。

• 過程中你有對哪個前端技術有特別深刻的學習？

對於Grid和Flexbox的互相搭配有比之前更加熟悉的感覺，另外覺得一些細部調整的屬性像是line-height、text-align….也很重要，因為有時就是差那一點點整個畫面看起來就會不一樣。不過像是position的屬性以及Grid系統的屬性是我想要再去多練習的，這次專案的使用上還是有一些沒有這麼想得很通透的地方。