已經完成 20 天的挑戰，目前學會了 Flexbox 和 Grid 兩種現代排版方式，為網頁加入了轉場和變形效果，並對響應式設計和 JavaScript 有了初步的認識。

第二階段學習重點：

• 排版：
  • Flexbox (display: flex)
  • Grid (display: grid)
• 動態效果：
  • Transitions (transition)
  • Transforms (transform)
• 互動：
  • 表單 (<form>, <input>, <button>)
  • 簡單的 JavaScript 互動
• 響應式設計 (RWD)：
  • Viewport 設置
  • Media Queries (@media)

從今天開始結合這 20 天所學，開始打造一個自己的「作品集單頁」。

• 導覽列： 使用 Flexbox 重新設計一個更專業的導覽列。
• 個人介紹區： 使用 Flexbox 或 Grid 排版，放上你的頭像和簡介。
• 作品展示區： 使用 Grid 排版，設計一個 3x3 或 2x2 的作品卡片區域，每個卡片都應該有圖片和文字。
• 聯絡表單： 整合我們學過的表單設計。
• WD 優化： 使用 Media Queries 確保你的作品集在手機上也能完美呈現。

這是一個特別的挑戰，接下來的 10 天會一步步完善這個作品集，讓它變得更專業、更完美。

執行成果 :