測試你的技能：響應式網頁設計和媒體查詢

本次技能測試旨在評估您是否理解如何使用媒體查詢，並透過實際任務讓您開始使用響應式網頁設計。完成此任務所需的所有知識都包含在CSS 佈局模組中的佈局課程中。

注意：由於您需要在多個螢幕尺寸下測試您的設計，因此此頁面上沒有互動式編輯器。請下載程式碼並在本地工作，或使用線上編輯器，例如CodePen、JSFiddle或Glitch。

如果您遇到困難，可以透過我們的溝通渠道之一與我們聯絡。

任務

下載此任務的起點。在瀏覽器中開啟下載的 HTML 檔案，您將找到一個線框網站，該網站將在移動裝置上以可讀的方式載入。您可以縮小視窗或使用Firefox DevTools 中的響應式設計檢視檢視手機上的效果。

您的任務是建立此佈局的桌面版本，當螢幕寬度足夠時顯示。最終結果應如下面的影像所示

A two column wireframed layout.

您可以透過多種方式建立桌面佈局，盡情嘗試。您還可以新增第二個斷點，例如建立在平板電腦縱向模式下效果良好的佈局。