[https://codepen.io/terry-yu-the-vuer/pen/rNOrWYY?cf_chl_jschl_tk=cc73fd5172bc834b5bb301421648743dae2cea56-1606701447-0-Acz4_pIWszedyvrqKG63B7m5dZdqRqtH17mVlhIFbItGGXOZwDuYoW2pF8bDQ7wlQh0Noc5PwwWZ3rMBPOOpPcowStU5TcrKM6dzxp2sdJTGYqg1a8sm-kHpBYw1Zn4YoGokEdnGvSKgaZflrWktYuv9UzilNC-7vYZJFEKGLPyn-vC5FZ3v94W063xhsXgfyQS5CW0r3jjb_urTwT4RB1C7KV6TTHF8XIC2QNd0gfpHfJ_OGrMyBnhVQh_cEtJapHwH-mI45lHUJmHDA2n6hQp-KFI7vxzgY7_RlY6MgfmC1LiaN5iFlpMJU-wl_dRHiTBJm_0e8sYJYvKlX8Ee9dc5j2LP6HkNAWBDkZmzMuwJf2dywYmUCS17vZ71Xt8LsFKEJXxVO1Aaij4o9M4yhSs]
一個頁面只有一個h1，因為SEO關係最好放最重要的樣式，也就是logo。
h1替代圖片是很常用的方式，須牢記在心。
利用結構大致相同的方式撰寫HTML，在排版時就能快速達到效果，item。
加了RWD讓自己更多練習的機會(畢竟是必備技能)。
header盡量不要寫死高度，利用padding推擠的方式撐開，可塑性高。
設定transition時間可延遲hover滑過的變化，不會感覺死死的。
flex的應用還不夠熟悉，有時會直覺想用但其實根本不用用flex。
transform: scale()，可以控制變大變小，多加熟悉。
header的 RWD變化多種，融會貫通後可多加運用。
稀飯版是基本，還是要注意細節，padding及margin的使用掌握。