---
tags: 軟體工程師體驗營 - 2024
---

# 🏅 切版任務 Day16 - RWD 運用

## 題目

沿用 Day10 的 flex 切版練習，
使其在瀏覽器寬度 576px 以下時呈現以下畫面：

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

## 回報流程

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


<!--

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

-->

回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:------------:|:---------------------------------------------------------------------------:|
| 1 | Meng | [Codepen](https://codepen.io/menglin1203/pen/KKLPZaL) |
| 2 | Michelle0417 | [Codepen](https://codepen.io/michelle0417/pen/oNRjxdw) |
| 3 | tim | [Codepen](https://codepen.io/jskrtivy-the-animator/pen/LYoPQZr) |
| 4 | 小白 | [Codepen](https://codepen.io/xjbowjbr-the-builder/pen/MWdaewy) |
| 5 | 小趴 | [Codepen](https://codepen.io/papa2415/pen/MWdaepb) |
| 6 | Aya | [Codepen](https://codepen.io/NoNameNote/pen/OJYyXNY) |
| 7 | LYC | [Codepen](https://codepen.io/LY-C/pen/XWwmKaa) |
| 8 | peggy | [Codepen](https://codepen.io/peggy0419/pen/vYwNKEa) |
| 9 | LGJason | [Codepen](https://codepen.io/j811108/pen/OJYyXZJ) |
| 10 | 詹姆士 | [Codepen](https://codepen.io/z111048/pen/MWdayda?editors=1100) |
| 11 | 邵 | [Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/KKLdMbW) |
| 12 | Hailey | [Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/BaeozGo) |
| 13 | Tanyaaaa | [Codepen](https://codepen.io/tanya77777/pen/qBGONpK) |
| 14 | Jiahe | [Codepen](https://codepen.io/Andywang-95/pen/YzbyWXj?editors=1100) |
| 15 | LiLiLiLi | [Codepen](https://codepen.io/jungang0414/pen/BaeozMo?editors=1100) |
| 16 | Chia Pin | [Codepen](https://codepen.io/joker-cat/pen/ExzVgez) |
| 17 | Emma | [Codepen](https://codepen.io/huang_L/pen/yLWYVVr) |
| 18 | s870012 | [Codepen](https://codepen.io/idzrvbnl-the-bashful/pen/bGybvOv?editors=1100) |
| 19 | Eden | [Codepen](https://codepen.io/iseden/pen/mdYeOaK) |
| 20 | JUN_ | [Codepen](https://codepen.io/Jun-L/pen/gOJaLBj) |
| 21 | Joey一針 | [Codepen](https://codepen.io/joeychou/pen/YzbyWjg) |
| 22 | Mionne | [Codepen](https://codepen.io/neohyntw/pen/dyEYNbd) |
| 23 | yunyouob | [Codepen](https://codepen.io/ozkkvlsu-the-animator/pen/BaeopRX) |
| 24 | 白白 | [Codepen](https://codepen.io/YuBai/pen/LYopxGQ?editors=1100) |
| 25 | Winnie | [Codepen](https://codepen.io/codepen-io-winnie/pen/xxNwgGL?editors=1100) |
| 26 | mike_2049 | [Codepen](https://codepen.io/mike2049/pen/mdYeOzL?editors=1100) |
| 27 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/ZENbeRq) |
| 28 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/pomjEYx?editors=1100) |
| 29 | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/PovPmBB?editors=1100) |
| 30 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/YzbyrpV) |
| 31 | oyll | [Codepen](https://codepen.io/dizzydog-rgb/pen/abrvVNy) |
| 32 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/GRaRjqO) |
| 33 | Maxine | [Codepen](https://codepen.io/Maxine0713/pen/qBGOVjo) |
| 34 | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/OJYyzOW) |
| 35 | JY | [Codepen](https://codepen.io/jylee0805/pen/PovPKZZ?editors=1100) |
| 36 | hongru-LyNn | [Codepen](https://codepen.io/LyNnYWu/pen/vYwNgzM?editors=1100) |
| 37 | easonpan | [Codepen](https://codepen.io/easonpan0904/pen/ExzVQLK) |
| 38 | Andy_12 | [Codepen](https://codepen.io/lifann/pen/jOobZQj) |
| 39 | Zander | [Codepen](https://codepen.io/chuangmaster/pen/gOJavgo) |
| 40 | sherry | [Codepen](https://codepen.io/bzykdfhw-the-bashful/pen/XWwmKLq) |
| 41 | ninii傳教士 |[Codepen](https://codepen.io/niiniiii/pen/ExzxWXV?editors=1100) |
| 42 | 薛逢 | [Codepen](https://codepen.io/vogqyrrj-the-selector/pen/JjqYWwj) |
| 43 | macihuang | [Codepen](https://codepen.io/macy1215/pen/oNRjawY) |
| 44 | Tough life | [Codepen](https://codepen.io/hakuei0115/pen/jOobZrQ) |
| 45 | 阿若 | [Codepen](https://codepen.io/skar5268/pen/OJYMXpq) |
| 46 | leo.chang | [Codepen](https://codepen.io/s16777216/pen/mdYVEKv) |
| 47 | FURUTO | [Codepen](https://codepen.io/oditudnw-the-flexboxer/pen/JjqGKgB) |
| 48 | Jess | [Codepen](https://codepen.io/-8412/pen/JjqPBZj) |
| 49 | boin | [Codepen](https://codepen.io/boinji/pen/wvbMjXo) |
| 50 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/bGyExVV?editors=1100) |
| 51 | Camila | [Codepen](https://codepen.io/camilalo/pen/NWVxQaR) |
| 52 | JIAWUN |[Codepen](https://codepen.io/wkasixgv-the-sasster/pen/gOJOwQd?editors=1100)|
| 53 | Casey | [Codepen](https://codepen.io/Caseyyyyyyyyyyyyyy/pen/ZENWbeG)
| 54 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/dyEMPyq) |
| 54 | Leo | [Codepen](https://codepen.io/fmfttktw-the-looper/pen/yLWOPQY?editors=0100)
| 55 | Eileen | [Codepen](https://codepen.io/Eileen-io/pen/gOJrXpv)
| 56 | sunknight_002 | [Codepen](https://codepen.io/aqortatm-the-solid/pen/zYQqQZe) |
| 57 | Angela_la | [Codepen](https://codepen.io/Angela-the-builder/pen/MWdaLBg?editors=1100) |
| 58 | 快樂小豬 | [Codepen](https://codepen.io/rtjowfyf-the-lessful/pen/vYwGJro?editors=1111) |
| 59 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/gOJMdKN?editors=1100) |
| 60 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/BaezZMv) |
| 61 | Anna | [Codepen](https://codepen.io/Anna-Teng/pen/abrmvGd) |
| 62 | Aasta | [Codepen](https://codepen.io/Aasta-the-typescripter/pen/zYQBLXK?editors=1100) |
| 63 | 雪粒 | [Codepen](https://codepen.io/bzykdfhw-the-bashful/pen/XWwmKLq) |
| 64 | Shen | [Codepen](https://codepen.io/yan-Shen-the-decoder/pen/QWRGLbN) |
| 65 | Yini Chen | [Codepen](https://codepen.io/CYini/pen/yLWampY) |
| 66 | tzhengliin(子恆) | [Codepen](https://codepen.io/tzhengliin/pen/eYaBqad) |
| 67 | hao jing | [Codepen](https://codepen.io/hjxu/pen/qBGrZPp?editors=1100) |
| 68 | maruko1105 | [Codepen](https://codepen.io/marukox1105/pen/KKLWqwa) |
| 69 | emmayo | [Codepen](https://codepen.io/emmayo/pen/QWRpqVj) |
| 70 | Frank Chiang | [Codepen](https://codepen.io/frankchiang/pen/XWwRroR) |
| 71 | Anais77 | [Codepen](https://codepen.io/liu-anais/pen/xxNrGMd) |
| 72 | 勾小勻 | [Codepen](https://codepen.io/qkvyujcc-the-encoder/pen/VwOWWad) |
| 73 | Taiwanno1 | [Codepen](https://codepen.io/uhnxswdq-the-typescripter/pen/oNRGewQ?editors=1100) |
| 74 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/OJYxKay) |
| 75 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/abrVmga) |
| 76 | Jainee | [Codepen](https://codepen.io/Jainee0110/pen/dyEdqzV) |
| 77 | maru3096 | [Codepen](https://codepen.io/deamru/pen/vYqVZLP) |

<!--【快速複製】

-->