---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day17 - RWD 運用"
tags: [30 天軟體工程師體驗營｜2025]

---

---
tags: 30 天軟體工程師體驗營｜2025
---
> 建議觀看的影音章節：
> - RWD - 伸縮自如的 RWD 排版術

# 🏅 切版任務 Day17 - RWD 運用

## 題目 
複製此 [CodePen 模板](https://codepen.io/yen-kg/pen/JooYdmK)，使其在瀏覽器寬度 576px 以下時呈現以下畫面：

<img src="https://i.imgur.com/Qb3pujv.png" width="350">

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 

解答：
https://codepen.io/hexschool/pen/yLRLayj

-->


回報區
---

| 報數 | Discord 名字  |  Codepen／其他回饋                                                         |
|:----:|:-------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|