四個階段都使用各自資料夾內的 images/about-workspace.svg,不依賴 placehold.co。頁首的「第 05 章交棒」區塊是前一章 Hero 產物的內容脈絡;本章只修改導覽列與介紹區的 Flex 排列。品牌連結使用 #hero-handoff,不留無目標的 href="#"。
| 任務 | 完成標記 | 修改檔案 | 修改位置 | 可見結果 |
|---|---|---|---|---|
| TASK-01 | DONE-01 | style.css | .practice-nav__links | 三個導覽連結排成同一列 |
| TASK-02 | DONE-02 | style.css | .practice-nav | 品牌靠左、選單靠右 |
| TASK-03 | DONE-03 | style.css | .about-layout | 圖像與文字並排且有間距 |
答案維持原 DOM;不透過新增包裝層完成排列。