---
# System prepended metadata

title: "\U0001F3C5 Day 5 - margin、padding 混合運用"
tags: [網頁切版直播班 - 2023 夏季班]

---

### margin
調整元素外邊距，向外推出元素與元素之間的間距、留白。
示意圖：
![](https://i.imgur.com/6CQvmHv.png)

### padding 
調整元素內邊距，向內推出外層與內層元素之間的間距、留白，或是 border 與元素內容之間的留白。
示意圖：
![](https://i.imgur.com/uTN5G5c.png)

### 題目
請運用上方規則，調整此 [CodePen](https://codepen.io/hexschool/pen/VwQOZbL?editors=1100)，並讓推擠方向一致。
（**只能更改 HTML 區塊，修改間距**（pt-1、pb-1、px-1、mt-1、mb-1）的設定）

（提示：會運用到的 class：.mt-1/.mb-1 、.p-1）

示意圖：
![](https://i.imgur.com/uJdixbN.png)


## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答：
https://codepen.io/hexschool/pen/VwQOZgK
-->

回報區
---


|#|      Discord      |                           CodePen / 答案                |
|:--:|:-----------------:|:----------------------------------------------------:|
| 01  | Moreene#6720      | [CodePen](https://codepen.io/Moreene/pen/qBQmZXx)                                                                  |     |          |                                                    |
| 02  | Eden.C            | [Codepen](https://codepen.io/iseden/pen/MWzmyEj)                                                                   |     |          |                                                    |
| 03  | hebin.            | [Codepen](https://codepen.io/landyhsiao776/pen/GRwmZMe)                                                            |     |          |                                                    |
| 04  | murphy1665        | [Codepen](https://codepen.io/icephy/pen/BaGRKwX?editors=1100)                                                      |     |          |                                                    |
| 05  | Ann Chou#0146     | [Codepen](https://codepen.io/annchou_illu/pen/KKrmzZz)                                                             |     |          |                                                    |
| 06  | awei              | [Codepen](https://codepen.io/hong-wei/pen/rNQmepm?editors=1100)                                                    |     |          |                                                    |
| 07  | AYA               | [Codepen](https://codepen.io/NoNameNote/pen/abQWNLV)                                                               |     |          |                                                    |
| 08  | Kulimusoda        | [Codepen](https://codepen.io/yuch3n_chen/pen/eYQWZyv?editors=1100)                                                 |     |          |                                                    |
| 09  | billy_ti          | [Codepen](https://codepen.io/Ti-Show/pen/MWzmyVJ?editors=1100)                                                     |     |          |                                                    |
| 10  | 薯餅              | [Codepen](https://codepen.io/ColdingPoTaTo/pen/zYMwqWE)                                                            |     |          |                                                    |
| 11  | Morning#7336      | [Codepen](https://codepen.io/sxzjnkxs-the-styleful/pen/xxQdVWY?editors=1100)                                       |     |          |                                                    |
| 12  | Mylène            | [Codepen](https://codepen.io/hamajibashi/pen/LYXyNmr)                                                              |     |          |                                                    |
| 13  | Rochel#4754       | [Codepen](https://codepen.io/rochelwang1205/pen/dyQWMeq)                                                           |     |          |                                                    |
| 14  | 銀光菇            | [Codepen](https://codepen.io/genesynthesis/pen/GRwmZGa)                                                            |     |          |                                                    |
| 15  | SmallP            | [Codepen](https://codepen.io/smallp/pen/XWyRdxz)                                                                   |     |          |                                                    |
| 16  | hannahTW          | [Codepen](https://codepen.io/hangineer/pen/vYQmGVP?editors=1100)                                                   |     |          |                                                    |
| 17  | Berlin            | [Codepen](https://codepen.io/3qberlin/pen/NWEjNEx)                                                                 |     |          |                                                    |
| 18  | cest_jessie       | [Codepen](https://codepen.io/itsjessiechen/pen/vYQmGab)                                                            |     |          |                                                    |
| 19  | Atsushi#6888      | [Codepen](https://codepen.io/atsushi-amuro/pen/poQPyxN?editors=1100)                                               |     |          |                                                    |
| 20  | townyuan          | [Codepen](https://codepen.io/townyuan/pen/poQPyQR)                                                                 |     |          |                                                    |
| 21  | m_m               | [Codepen](https://codepen.io/minnn7716/pen/qBQmZLy)                                                                |     |          |                                                    |
| 22  | Ning#5213         | [Codepen](https://codepen.io/ninghsu/pen/gOQWrZV?editors=1100)                                                     |     |          |                                                    |
| 23  | stevenchang421    | [Codepen](https://codepen.io/vwtrpqmm/pen/LYXyNqg?editors=1100)                                                    |     |          |                                                    |
| 24  | pinyi_9           | [Codepen](https://codepen.io/Wpypy/pen/LYXyNQr?editors=1100)     |
| 25  | jhouhank | [Codepen](https://codepen.io/JhouHank/pen/GRwmZdL) |
| 25  | Tami#6742         | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/poQPyme)                                                        |     |          |                                                    |
| 26  | jhouhank          | [Codepen](https://codepen.io/JhouHank/pen/GRwmZdL)                                                                 |     |          |                                                    |
| 27  | xuan#0808         | [Codepen](https://codepen.io/xuan0915/pen/JjeNXQa?editors=1100)                                                    |     |          |                                                    |
| 28  | 莉塔#8500         | [Codepen](https://codepen.io/RitaWeng/pen/jOQmqgy)                                                                 |     |          |                                                    |
| 29  | Kai               | [Codepen](https://codepen.io/beginneraboutlife116/pen/WNYjxvo?editors=1100)                                        |     |          |                                                    |
| 30  | Empty             | [Codepen](https://codepen.io/emptywu/pen/qBQmNZg)                                                                  |     |          |                                                    |
| 31  | 狸貓#5863         | [Codepen](https://codepen.io/tanuki320/pen/yLQbJJP?editors=1100)                                                   |     |          |                                                    |
| 32  | Cura              | [Codepen](https://codepen.io/curalin/pen/vYQmKyB)                                                                  |     |          |                                                    |
| 33  | shawey.1a2b       | [Codepen](https://codepen.io/Shawey/pen/abQWZda)                                                                   |     |          |                                                    |
| 34  | 舜仁              | [Codepen](https://codepen.io/randomno/pen/oNQWLBR)                                                                 |     |          |                                                    |
| 35  | 墨墨#4571         | [Codepen](https://codepen.io/momof2e/pen/mdQmERJ)                                                                  |     |          |                                                    |
| 36  | 末次              | [Codepen](https://codepen.io/yunjulee/pen/ZEmKWXL)                                                                 |     |          |                                                    |
| 37  | 棠棠              | [Codepen](https://codepen.io/bobo52400/pen/MWzWXwJ)                                                                |     |          |                                                    |
| 38  | zhu.lin           | [CodePen](https://codepen.io/codepenplayer/pen/yLQbJbp)                                                            |     |          |                                                    |
| 39  | Uli               | [CodePen](https://codepen.io/uli1313/pen/QWJvEmO)                                                                  |     |          |                                                    |
| 40  | .icesam           | [CodePen](https://codepen.io/icesam/pen/WNYjxyZ)                                                                   |     |          |                                                    |
| 40  | MKL               | [Codepen](https://codepen.io/Code-My/pen/zYMwBae)                                                                  |     |          |                                                    |
| 42  | JimmyChang        | [CodePen](https://codepen.io/JimmyChangWenChi/pen/vYQmKeE)                                                         |     |          |                                                    |
| 43  | Kimi #9564        | [Codepen](https://codepen.io/kimihu91/pen/xxQqyEP)                                                                 |     |          |                                                    |
| 44  | meowmeow#1967     | [Codepen](https://codepen.io/snow1224/pen/KKrmMxo)                                                                 |     |          |                                                    |
| 45  | Vic_Liou          | [Codepen](https://codepen.io/allenliou-java/pen/zYMwKYV)                                                           |     |          |                                                    |
| 46  | jacky7035         | [Codepen](https://codepen.io/adens123/pen/oNQWLRX)                                                                 |     |          |                                                    |
| 47  | AAAAA             | [Codepen](https://codepen.io/yvgxsirf-the-typescripter/pen/abQWmZz)                                                |     |          |                                                    |
| 48  | 辣椒              | [Codepen](https://codepen.io/chilichen118/pen/YzRVGpN)                                                             |     |          |                                                    |
| 49  | Ting.66#0912      | [Codepen](https://codepen.io/Ting66/pen/NWEjrwg?editors=1100)                                                      |     |          |                                                    |
| 50  | anyakuo13         | [Codepen](https://codepen.io/anyakuo/pen/WNYjxPd?editors=1100)                                                     |     |          |                                                    |
| 51  | ga771058#8770     | [Codepen](https://codepen.io/ppzigmtg-the-typescripter/pen/GRwmjGQ)                                                |     |          |                                                    |
| 52  | elma.yo              | [Codepen](https://codepen.io/ElmaYu/pen/dyQWpQz)                                                                   |     |          |                                                    |
| 53  | kimlemon0720      | [Codepen](https://codepen.io/znohmess-the-builder/pen/jOQmrzY)                                                     |     |          |                                                    |
| 54  | Qi-Hua            | [Codepen](https://codepen.io/emily40830/pen/RwqVGmM)                                                               |     |          |                                                    |
| 55  | JohnC#3814        | [Codepen](https://codepen.io/johnhua25147050/pen/zYMwoOK?editors=1100)                                             |     |          |                                                    |
| 56  | fanglin.y         | [Codepen](https://codepen.io/flynn841028/pen/VwVbmvX)                                                              |     |          |                                                    |
| 57  | DoryH#0526        | [Codepen](https://codepen.io/dorihung/pen/oNQWxrJ)                                                                 |     |          |                                                    |
| 58  | adele6199         | [Codepen](https://codepen.io/codepen-io-winnie/pen/bGQWBmd?editors=1100)                                           |     |          |                                                    |
| 59  | Grass立花#8094    | [Codepen](https://codepen.io/kj25940858/pen/xxQdRez)                                                               |     |          |                                                    |
| 60  | ming0712          | [Codepen](https://codepen.io/StevenHuang/pen/abQWBrG)                                                              |     |          |                                                    |
| 61  | natalie2557       | [Codepen](https://codepen.io/nwy0206/pen/NWEjbQr)                                                                  |     |          |                                                    |
| 62  | Amelia            | [Codepen](https://codepen.io/Amelia-chin/pen/mdQmOGg)                                                              |     |          |                                                    |
| 63  | runweiting        | [Codepen](https://codepen.io/weiting14/pen/rNQmjxd)                                                                |     |          |                                                    |
| 64  | hao2485           | [Codepen](https://codepen.io/Seanfeb16/pen/ZEmKLBr)                                                                |     |          |                                                    |
| 65  | Robert.H          | [Codepen](https://codepen.io/Robert1205/pen/vYQmgxY)                                                               |     |          |                                                    |
| 66  | Paul#7426         | [Codepen](https://codepen.io/paul-1997/pen/RwqVKxW?editors=1100)                                                   |     |          |                                                    |
| 67  | ROGER             | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/dyQWNKy)                                                    |     |          |                                                    |
| 68  | vvay              | [Codepen](https://codepen.io/pellmssx-the-sasster/pen/QWJvdxO)                                                     |     |          |                                                    |
| 69  | edie599916        | [Codepen](https://codepen.io/Chen-CiCi/pen/dyQWNro?editors=1100)                                                   |     |          |                                                    |
| 70  | DoDo_6666         | [Codepen](https://codepen.io/MissDouble/pen/BaGRpOR)                                                               |     |          |                                                    |
| 71  | 泊岸#3466         | [Codepen](https://codepen.io/qoq77416416/pen/oNQWZNj?editors=1100)                                                 |     |          |                                                    |
| 72  | DeLi#8324         | [Codepen](https://codepen.io/delichaomoon/pen/NWEjpWy)                                                             |     |          |                                                    |
| 73  | liam9930          | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/QWJvpdV)                                                     |     |          |                                                    |
| 73  | ann6212           | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/ExOmWryhttps://codepen.io/jgnjfvvt-the-lessful/pen/QWJvpdV) |     |          |                                                    |
| 74  | 出事了阿伯#9923   | [Codepen](https://codepen.io/BradpittLai/pen/QWJdyER)                                                              |     |          |                                                    |
| 75  | robbie_0830       | [Codepen](https://codepen.io/ShuZhen/pen/dyQWWoJ?editors=1000)                                                     |     |          |                                                    |
| 76  | peggydbc1217#1187 | [Codepen](https://codepen.io/peggydbc1217/pen/gOQWmVd)                                                             |     |          |                                                    |
| 77  | green760223       | [Codepen](https://codepen.io/lawrence-yi-hsuan-chuang/pen/JjeNWQW?editors=1100)                                    |     |          |                                                    |
| 78  | 小夏              | [Codepen](https://codepen.io/michaelhsia/pen/poQPPbJ)                                                              |     |          |                                                    |
| 79  | yunhsinnnnnnn     | [Codepen](https://codepen.io/yun___hsin/pen/BaGRRQE?editors=1100)                                                  |     |          |                                                    |
| 80  | Brian#7046        | [Codepen](https://codepen.io/PochienTsai/pen/XWyRRqa)                                                              |     |          |                                                    |
| 81  | FanJJ#8061        | [Codepen](https://codepen.io/yfchenn/pen/YzRVVJd?editors=1100)                                                     |     |          |                                                    |
| 82  | Renee Wang#1437   | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/KKrmmja)                                                    |     |          |                                                    |
| 83  | Cosmos#9210       | [Codepen](https://codepen.io/violet7755/pen/gOQWWNY)                                                               |     |          |                                                    |
| 84  | 阿富#0389         | [Codepen](https://codepen.io/spring40747/pen/JjeNNga?editors=1100)                                                 |     |          |                                                    |
| 85  | wind              | [Codepen](https://codepen.io/wind7y/pen/BaGRZzK)                                                                   |     |          |                                                    |
| 86  | yuyuyu#1330       | [Codepen](https://codepen.io/yuyu1215/pen/gOQWRMp)                                                                 |     |          |                                                    |
| 87  | 慈玲#8986         | [Codepen](https://codepen.io/vseznpoh-the-flexboxer/pen/NWEjgMg)                                                   |     |          |                                                    |
| 88  | MarvinWu#8362     | [Codepen](https://codepen.io/chi-Wu/pen/RwqVgOR?editors=1100)                                                      |     |          |                                                    |
| 89  | lianne._.         | [Codepen](https://codepen.io/Elaina-L/pen/RwqVgXG)                                                                 |     |          |                                                    |
| 90  | ztion             | [Codepen](https://codepen.io/ztion/pen/jOQmwox?editors=1100)                                                       |     |          |                                                    |
| 91  | 阿賀#3700         | [Codepen](https://codepen.io/sungho/pen/xxQdrov)                                                                   |     |          |                                                    |
| 92  | .manmanlai        | [Codepen](https://codepen.io/kikiyang/pen/dyQWRgP?editors=1100)                                                    |     |          |                                                    |
| 93  | yu.t_liu          | [Codepen](https://codepen.io/YuT200053/pen/ZEmKJpZ?editors=1100)                                                   |     |          |                                                    |
| 94  | 墨莉              | [Codepen](https://codepen.io/hoku0306/pen/dyQWzrz?editors=1100)                                                    |     |          |                                                    |
| 95  | YOZU              | [Codepen](https://codepen.io/YO_ZU/pen/jOQmLBe)                                                                    |     |          |                                                    |
| 96  | KevinHuang#0957   | [Codepen](https://codepen.io/qw-huang/pen/yLQbzja?editors=1000)                                                    |     |          |                                                    |
| 97  | ruchi7866         | [Codepen](https://codepen.io/jason2267/pen/zYMwEpz)                                                                |     |          |                                                    |
| 98  | Eero#1147         | [Codepen](https://codepen.io/Eero-Chiao/pen/qBQmPyY)                                                               |     |          |                                                    |
| 99  | johnchien         | [Codepen](https://codepen.io/glqwazid-the-selector/pen/RwqVLLq)                                                    |     |          |                                                    |
| 100 | yuchou#5749       | [Codepen](https://codepen.io/yu-chou/pen/PoxmJvY)                                                                  |     |          |                                                    |
| 101 | yuling#1634       | [Codepen](https://codepen.io/igzdflpu/pen/QWJvqeK)                                                                 |     |          |                                                    |
| 102 | zona_0.0          | [Codepen](https://codepen.io/Zona-Chen/pen/gOQWXOO)                                                                |     |          |                                                    |
| 103 | CLMB0212          | [Codepen](https://codepen.io/Chungmin0212/pen/ExOmbQG?editors=1100)                                                |     |          |                                                    |
| 104 | mm_ieat           | [Codepen](https://codepen.io/MINN3/pen/VwVbyKK)                                                                    |     |          |                                                    |
| 105 | RX00#5351         | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/qBQmYPZ)                                                    |     |          |                                                    |
| 106 | ryan.chou         | [Codepen](https://codepen.io/csw8524/pen/JjeNvMX)                                                                  |     |          |                                                    |
| 107 | Johnson3669       | [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/ZEmKoog?editors=1100)                                   |     |          |                                                    |
| 108 | Tina02#2691       | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/vYQmjbW?editors=1100)                                        |     |          |                                                    |
| 109 | csh97             | [Codepen](https://codepen.io/pyrbkvev-the-animator/pen/wvQdjNY)                                                    |     |          |                                                    |
| 110 | abalun            | [Codepen](https://codepen.io/abalun52/pen/WNYjJWm)                                                                 |     |          |                                                    |
| 111 | shcopy            | [Codepen](https://codepen.io/shcopy/pen/dyQWKpd)                                                                   |     |          |                                                    |
| 112 | 阿榮#8277         | [Codepen](https://codepen.io/codeitaday/pen/VwVbdmX?editors=1100)                                                  |     |          |                                                    |
| 113 | Calvin            | [Codepen](https://codepen.io/CalvinChang/pen/BaGRVwe?editors=1100)                                                 |     |          |                                                    |
| 114 | lin_lion          | [Codepen](https://codepen.io/Lion-Lin/pen/YzRVvpL)                                                                 |     |          |                                                    |
| 115 | hance__kao        | [Codepen](https://codepen.io/HanceKao/pen/OJambaL?editors=1100)                                                    |     |          |                                                    |
| 116 | WA                | [Codepen](https://codepen.io/ldddl/pen/YzRVOWG)                                                                    |     |          |                                                    |
| 117 | 路人ADCB#9851     | [Codepen](https://codepen.io/markyourpage/pen/yLQbRZV)                                                             |     |          |                                                    |
| 118 | albee#9121        | [Codepen](https://codepen.io/albee-chang/pen/LYXyMpV?editors=1100)                                                 |     |          |                                                    |
| 119 | RebeccaYu         | [codepen](https://codepen.io/rebecca-yu/pen/BaGRvwY)                                                               |     |          |                                                    |
| 120 | NathanJames#8120  | [Codepen](https://codepen.io/ufo060204/pen/vYQmvbe)                                                                |     |          |                                                    |
| 121 | homer#1525        | [Codepen](https://codepen.io/Buckhorn/pen/vYQmbOd)                                                                 |     |          |                                                    |
| 122 | bf_tsai           | [Codepen](https://codepen.io/BF-Tsai/pen/JjeNxxL?editors=1100)                                                     |     |          |                                                    |
| 123 | Randy             | [Codepen](https://codepen.io/landy510/pen/bGQWJGo?editors=1100)                                                    |     |          |                                                    |
| 124 | lychee_kk         | [Codepen](https://codepen.io/kakakala/pen/oNQWOeL?editors=1100)                                                    |     |          |                                                    |
| 125 | Ching#8308        | [Codepen](https://codepen.io/huangching/pen/WNYjWaY)                                                               |     |          |                                                    |
| 126 | markchen_         | [Codepen](https://codepen.io/Mark-JJchen/pen/yLQbWvO)                                                              |     |          |                                                    |
| 127 | ct3741            | [Codepen](https://codepen.io/claire-T/pen/RwqVmry)                                                                 |     |          |                                                    |
| 128 | HONG              | [Codepen](https://codepen.io/honglai/pen/MWzmMmO)                                                                  |     |          |                                                    |
| 129 | ben_1757          | [Codepen](https://codepen.io/cowyjooy-the-vuer/pen/wvQdLpz?editors=1100)                                           |     |          |                                                    |
| 130 | peggy#3169        | [Codepen](https://codepen.io/peggylai/pen/XWyRLoy)                                                                 |     |          |                                                    |
| 131 | da                | [Codepen](https://codepen.io/da-lin/pen/bGQRbbO)                                                                   |     |          |                                                    |
| 132 | yun#5213          | [Codepen](https://codepen.io/yun-the-scripter/pen/bGQRbwZ?editors=1100)                                            |     |          |                                                    |
| 133 | awei#0720         | [Codepen](https://codepen.io/Aweishi/pen/xxQrKgd)                                                                  |     |          |                                                    |
| 134 | Aritan#1931       | [Codepen](https://codepen.io/Aritan/pen/WNYObxz?editors=1100)                                                      |     |          |                                                    |
| 135 | 阿沁#8176         | [Codepen](https://codepen.io/a8322342/pen/VwVWYxP?editors=1100)                                                    |     |          |                                                    |
| 136 | Janshawn          | [Codepen](https://codepen.io/Janshawn/pen/jOQwWZe?editors=1100)                                                    |     |          |                                                    |
| 137 | 圈圈#4060         | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/jOQwWxQ?editors=1000)                                           |     |          |                                                    |
| 138 | ss30304#9213      | [Codepen](https://codepen.io/ss30304/pen/abQwNYw)                                                                  |     |          |                                                    |
| 139 | PH#2731           | [Codepen](https://codepen.io/lokf9527/pen/Rwqgaqq?editors=1100)                                                    |     |          |                                                    |
| 140 | dong2328          | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/dyQRXeB)\                                                    |     |          |                                                    |
| 141 | PayRoom#8328      | [CodePen](https://codepen.io/water38198/pen/RwqVvxe)                                                               |     |          |                                                    |
| 142 | Matic#3173        | [Codepen](https://codepen.io/Matic1124/pen/QWJgMqx)                                                                |     |          |                                                    |
| 143 | vivianlu_         | [Codepen](https://codepen.io/viviannlu/pen/vYQZeYe)                                                                |     |          |                                                    |
| 144 | Celine#6773       | [Codepen](https://codepen.io/celinephoebe/pen/wvQervE)                                                             |     |          |                                                    |
| 145 | .zack_p           | [Codepen](https://codepen.io/Designer-PH/pen/GRwEGMB?editors=1100)                                                 |     |          |                                                    |
| 146 | swalok47716#7332  | [Codepen](https://codepen.io/swalok/pen/JjeJBVz?editors=1100)                                                      |     |          |                                                    |
| 147 | Azi Hsieh#2861    | [Codepen](https://codepen.io/AziHsieh/pen/NWEgLEz)                                                                 |     |          |                                                    |
| 148 | Ryan Chiang#6649  | [Codepen](https://codepen.io/ryanchiang/pen/JjeJzRv)                                                               |     |          |                                                    |
| 149 | ivy999            | [Codepen](https://codepen.io/ivy999/pen/MWzoNbB)                                                                   |     |          |                                                    |
| 150 | popcorn_3q        | [Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/zYMdqWK?editors=1100)                                        |     |          |                                                    |
| 151 | KC_8685           | [Codepen](https://codepen.io/cathy7411/pen/wvQqGyR)                                                                |     |          |                                                    |
| 152 | SKey#9905         | [Codepen](https://codepen.io/Dale-Chien/pen/GRwvqra)                                                               |     |          |                                                    |
| 153 | Chung#5786        | [Codepen](https://codepen.io/fotdclxz-the-encoder/pen/poQrbRE)                                                     |     |          |                                                    |
| 154 | celia#9182        | [Codepen](https://codepen.io/celia01/pen/wvQqgQG)                                                                  |     |          |                                                    |
| 155 | 阿維#2569         | [Codepen](https://codepen.io/iijojpli-the-looper/pen/GRwvmOd?editors=1100)                                         |     |          |                                                    |
| 156 | 歐陽龍龍#1061     | [Codepen](https://codepen.io/dizzydog-rgb/pen/BaGdmZB)                                                             |     |          |                                                    |
| 157 | Long              | [Codepen](https://codepen.io/Loonng/pen/oNQemqW?editors=1100)                                                      |     |          |                                                    |
| 158 | zhtomwu#8595      | [Codepen](https://codepen.io/ZHTOM/pen/JjeyVje)                                                                    |     |          |                                                    |
| 159 | patrickpie | [Codepen](https://codepen.io/patrickpie/pen/gOQxyaa) | 
| 160 | lishuan | [Codepen](https://codepen.io/lishuan/pen/BaGdgab?editors=1100) | 
| 161 | Nicktsai#0706 | [Codepen](https://codepen.io/brownie-nick/pen/PoxJYdB?editors=1100) | 
|  162  |  Lesly#1279  |    [CodePen](https://codepen.io/LeslyChang/pen/LYXjBeB)    |
| 163 | bbbear#7545 | [Codepen](https://codepen.io/Bearice/pen/QWJqbpJ?editors=1100) |
| 164 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/oNQGepK?editors=1100) |
| 165 | Pig#6093 | [Codepen](https://codepen.io/qnmcftqx-the-sans/pen/NWEaYeG) |
| 166 | 0naomi0 | [Codepen](https://codepen.io/0Naomi0/pen/RwqLYLN) |
| 167 | min-L | [Codepen](https://codepen.io/min-sky-lin/pen/abQVoav) | 
| 168 | rjjq | [Codepen](https://codepen.io/rjjq/pen/RwqjNZb) | 
| 169 | heyiiiii#5013 | [Codepen](https://codepen.io/hoyii/pen/VwVrbKe?editors=1100) | 
| 170 |.dtou | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/yLQPXXy) | 
| 171 | .elliehsu | [Codepen](https://codepen.io/ellieyuhsu0827/pen/QWJOMqd?editors=1100) |
| 172 | littlewhite2406 | [Codepen](https://codepen.io/gracewhite/pen/xxQPpve?editors=1100) | 
| 173 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/MWzrQgr) | 
| 174 | stoos_1369 | [Codepen](https://codepen.io/Stooss/pen/OJaQNKj?editors=1100)|
| 175| 郭芙蘭＃6374 | [Codepen](https://codepen.io/flora_Kuo/pen/RwqQKzy?editors=1100)|
| 176 | jasonlll1111 | [Codepen](https://codepen.io/jsyzmq9328/pen/NWEyaZX?editors=1000)|
| 177 | 博派變形金剛#0959 | [Codepen](https://codepen.io/chan-chen/pen/RwqjaqZ)|
| 178 | marskuo | [Codepen](https://codepen.io/MarsKuo/pen/qBQxogR)|
| 180 | hironaka | [Codepen](https://codepen.io/Hironaka0815/pen/dyQmKZr?editors=1100) | 
| 181 | jhen_ye | [Codepen](https://codepen.io/su-jhen/pen/OJavGOa) | 
| 182 | MaciHuang#8798 | [Codepen](https://codepen.io/macy1215/pen/vYQjaqg) | 
| 183 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/GRwGRZJ) |
| 184 | cyrus_li | [Codepen](https://codepen.io/likahang/pen/YzRvoqM) | 
| 185 | Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/KKrRbWE) | 
| 186 | ChrisSQR#3308 | [Codepen](https://codepen.io/ChrisSQR/pen/BaGMKZQ) | 
| 187 | 楓尋 | [Codepen](https://codepen.io/Lnight0/pen/WNYBxbR?editors=1100) | 
| 188 | <chen_emily> | [Codepen](https://codepen.io/HUIJINEmily/pen/abQgjYa) |
| 189 | Mia小福#4473 | [Codepen](https://codepen.io/a0950271/pen/WNLdNZG?editors=1100) |
| 190 | 楓 | [Codepen](https://codepen.io/maplestartend/pen/gOEYebG?editors=1100) | 
<!-- 

- 快速複製格式：
| 00 | <user> | [Codepen]() | 

-->
