10 RWD 作業

實作類似 Youtube 版型

assignment_rwd 資料夾下,建立 youtube_layout.html 來撰寫以下各步驟:

第一步:https://youtu.be/_WbrNB61JZ0arrow-up-right

假設 header 區域的高:60px。

假設 aside(側邊欄) 區域的寬:240px。

第二步:https://youtu.be/oRDd_HPAGNkarrow-up-right

第三步:https://youtu.be/MloMoEBTjKcarrow-up-right

第四步:https://youtu.be/EsNq1FjpD1sarrow-up-right

  • 寬度小於等於 767.98px 時,介面調整。

  • 模擬漢堡按鈕,點擊後出現導覽列。

繳交方式

於以下網址繳交:

https://frontend.tibame.comarrow-up-right

assignment_rwd 資料夾壓縮變成壓縮檔(zip 檔或 rar 檔),繳交該壓縮檔即可。

繳交期限

繳交期限 09/14(四) 晚上 12 點之前。

參考作法

Last updated