---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day16 - RWD 運用"
tags: [軟體工程師體驗營 - 2024]

---

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

# 🏅 切版任務 Day16 - RWD 運用

## 題目 

沿用 Day10 的 flex 切版練習，
使其在瀏覽器寬度 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／其他回饋                              |
|:----:|:------------:|:---------------------------------------------------------------------------:|
|  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) |

<!--【快速複製】    

--> 