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

# 🏅 切版任務 Day6 - position 練習 I

觀看影音「[相對定位與絕對定位技巧](https://courses.hexschool.com/courses/2038127/lectures/45923885)」了解 position 運用後，
嘗試練習下方題目。

## 問題

運用 position 語法將三個正方形放置如圖所示位置：


> 正方形資訊：
> - `300px * 300px` `#474a4d`
> - `200px * 200px` `#f7b977`
> - `100px * 100px` `#028760`

## 回報流程

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


<!--

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

-->

回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:--------------------:|:--------------------------------------------------------------------------:|
| 1 | Berlin#7338 | [Codepen](https://codepen.io/3qberlin/pen/eYPereJ) |
| 2 | 銀光菇#1692 | [codepen](https://codepen.io/genesynthesis/pen/xxyPjrg) |
| 3 | Rochel#4754 | [codepen](https://codepen.io/rochelwang1205/pen/qBJVYXm) |
| 4 | DeLi#8324 | [codepen](https://codepen.io/delichaomoon/pen/bGmYMLZ) |
| 5 | charlottelee849#0366 | [codepen](https://codepen.io/char849/pen/bGmYMRz) |
| 6 | Daisy_Li#4231 | [codepen](https://codepen.io/lidairong-gmail-com/pen/zYmPjzB?editors=1100) |
| 7 | Bruce-Lee#0629 | [codepen](https://codepen.io/xxhdklwi-the-decoder/pen/PoyOeex) |
| 8 | Alec Wang#4913 | [codepen](https://codepen.io/AlecWang/pen/ZEqaowO) |
| 9 | chi93#1548 | [codepen](https://codepen.io/clarahc/pen/QWZOrZL?editors=0100) |
| 10 | Ann Chou#0146 | [codepen](https://codepen.io/annchou_illu/pen/qBJVYzx?editors=1100) |
| 11 | judy123#2363 | [codepen](https://codepen.io/hsuantsong/pen/ZEqaREL) |
| 12 | kulimusoda#2785 | [codepen](https://codepen.io/yuch3n_chen/pen/dygZeBK) |
| 13 | Ataraxia#9977 | [codepen](https://codepen.io/ataraxia8888/pen/abRwXvX) |
| 14 | Eero#1147 | [Codepen](https://codepen.io/Eero-Chiao/pen/rNqYKam) |
| 15 | Tami#6742 | [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/oNaoyLP) |
| 16 | Nex#2964 | [Codepen](https://codepen.io/Samuel_D4C/pen/OJBOERL) |
| 17 | JimWang#6134 | [Codepen](https://codepen.io/Jim-Wang-the-selector/pen/gOBXKWV) |
| 18 | Jacky7035#9423 | [Codepen](https://codepen.io/adens123/pen/gOBXKaJ) |
| 19 | mo#0447 | [Codepen](https://codepen.io/mozentw/pen/zYmPaPW) |
| 20 | Hao#2485 | [Codepen](https://codepen.io/Seanfeb16/pen/bGmYKap) |
| 21 | 阿榮#8277 | [Codepen](https://codepen.io/codeitaday/pen/eYPeKVe?editors=1100) |
| 22 | vvay#4113 | [Codepen](https://codepen.io/pellmssx-the-sasster/pen/vYVWrxP) |
| 23 | endau66#2102 | [codepen](https://codepen.io/endau66/pen/qBJVKyL) |
| 24 | Snadra#1987 | [Codepen](https://codepen.io/mlqmhltg/pen/vYVWrao) |
| 25 | Uli#1946 | [Codepen](https://codepen.io/uli1313/pen/yLRPExz) |
| 26 | snow#0255 | [codepen](https://codepen.io/snow21723/pen/bGmYKLp) |
| 27 | CuraLin#2648 | [codepen](https://codepen.io/curalin/pen/yLRPEqo?editors=1100) |
| 28 | chichi#1534 | [codepen](https://codepen.io/chichihuang/pen/ExdbROe) |
| 29 | 狸貓#5863 | [codepen](https://codepen.io/tanuki320/pen/xxyPzWa) |
| 30 | 辣椒#1002 | [codepen](https://codepen.io/chilichen118/pen/MWPOBaG) |
| 31 | K（アギルダー）#0386 | [codepen](https://codepen.io/klay376014/pen/QWZOBqm) |
| 32 | 冬天#5215 | [codepen](https://codepen.io/winter_/pen/rNqYrYR) |
| 33 | clairechen#3498 | [codepen](https://codepen.io/yi-wen-chen/pen/ZEqaRzB) |
| 34 | Quantum#6093 | [codepen](https://codepen.io/Min-Hao-Hung/pen/BaqmPvY) |
| 35 | LeeRu#1771 | [codepen](https://codepen.io/IMGameKing/pen/qBJVMWN) |
| 36 | Celia#1715 | [codepen](https://codepen.io/drdrvpgf-the-bashful/pen/KKGyBOJ) |
| 37 | JhouHank#8132 | [Codepen](https://codepen.io/JhouHank/pen/jOeapjQ) |
| 38 | satarkuo#5736 | [Codepen](https://codepen.io/SatarKuo/pen/OJBOoyZ) |
| 39 | Eden.C#9359 | [codepen](https://codepen.io/iseden/pen/vYVWzxp) |
| 39 | 魚翅#3100 | [codepen](https://codepen.io/Fukahire/pen/mdzqGQG) |
| 40 | Rey#1878 | [codepen](https://codepen.io/yfatgmpc-the-bold/pen/rNqYZvL?editors=1100) |
| 41 | 君Jyun#0147 | [codepen](https://codepen.io/JyunCodepen/pen/Rwejerv) |
| 42 | Howie#3736 | [codepen](https://codepen.io/Howard-Chang/pen/wvYgNWE) |
| 43 | Mindy#7886 | [codepen](https://codepen.io/Mindyr/pen/LYgOgNr) |
| 44 | 依依#6306 | [codepen](https://codepen.io/Rita-Yang/pen/vYVWVyb?editors=1100) |
| 45 | 肉個阿倫#7172 | [Codepen](https://codepen.io/i9574385/pen/oNaoaBP) |
| 46 | 汪汪#4486 | [Codepen](https://codepen.io/hunwooooof/pen/XWxzOVV) |
| 47 | RubyChen#9543 | [Codepen](https://codepen.io/rubyyjchen/pen/VwErERJ) |
| 48 | ChaosTu#9311 | [Codepen](https://codepen.io/torotu/pen/bGmYQbq?editors=1100) |
| 49 | Hanana#9025 | [Codepen](https://codepen.io/hananalin/pen/eYPeLEp) |
| 50 | Jaredlee#5887 | [Codepen](https://codepen.io/jared-lee/pen/KKGyrGG) |
| 51 | peihsuan#6315 | [Codepen](https://codepen.io/peihsuanlai/pen/vYVWQMx) |
| 52 | Aritan#1931 | [Codepen](https://codepen.io/Aritan/pen/xxyPmGV) |
| 53 | DyH#0526 | [Codepen](https://codepen.io/dorihung/pen/wvYPQVj) |
| 54 | Liyiling#4366 | [Codepen](https://codepen.io/ritaling1021/pen/jOeaXBR) |
| 55 | 冷曄#9378 | [Codepen](https://codepen.io/HgHale/pen/QWZOxvE) |
| 56 | duck#3310 | [Codepen](https://codepen.io/papy0715/pen/WNaXmOd) |
| 57 | 姜承#8204 | [Codepen](https://codepen.io/JhouHank/pen/jOeapjQ) |
| 58 | Akira#9996 | [Codepen](https://codepen.io/Akira-Chen/pen/poxdYOx) |
| 59 | yuki#9465 | [Codepen](https://codepen.io/yukilin549/pen/PoyOgoQ) |
| 60 | しあわせね#0036 | [Codepen](https://codepen.io/Front-end-engineer/pen/XWxzGEQ) |
| 61 | 司機叔叔#2463 | [Codepen](https://codepen.io/bigv5566/pen/abRVxqB?editors=1100) |
| 62 | PoWei#8484 | [Codepen](https://codepen.io/harrison-wei-lai/pen/OJBOGZa) |
| 63 | 吳偉雄恩#2256 | [Codepen](https://codepen.io/Bamboo1212/pen/qBJVwMX?editors=1100) |
| 64 | jia yu#8896 | [Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/xxyPevX) |
| 65 | 翔.#0859 | [Codepen](https://codepen.io/energy95272z/pen/NWOwVxP?editors=1100) |
| 66 | jimhop#6510 | [Codepen](https://codepen.io/jimsansssss/pen/GRYOaEb) |
| 67 | jelly77#2088 | [Codepen](https://codepen.io/Ming-chiang/pen/zYmPQNP) |
| 68 | wiimax#4564 | [Codepen](https://codepen.io/willismax/pen/XWxzwqZ) |
| 69 | 羽毛#5463 | [Codepen](https://codepen.io/KYuFeather/pen/gOBXJKO) |
| 70 | WeiWei崴崴#3118 | [Codepen](https://codepen.io/weiwei324/pen/yLRPWOa) |
| 71 | wendyli#2155 | [Codepen](https://codepen.io/rockayumitw/pen/PoyOvdq) |
| 72 | henrykgb#5749 | [Codepen](https://codepen.io/henrymorgan666/pen/wvYPbQG) |
| 73 | homer#1525 | [Codepen](https://codepen.io/Buckhorn/pen/LYgOJQj) |
| 74 | 浪裡小白龍#6860 | [Codepen](https://codepen.io/Emillo/pen/gOBXJqp?editors=1100) |
| 75 | 兔子#6746 | [Codepen](https://codepen.io/CarrotDetector/pen/bGmYyPB) |
| 76 | 拉斯卡爾#2696 | [Codepen](https://codepen.io/novendia/pen/PoyOvPv) |
| 77 | Athem#9661 | [Codepen](https://codepen.io/athemLin/pen/vYVWwwB)
| 78 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/jOeajVY) |
| 79 | Evaxof#1266 | [Codepen](https://codepen.io/evaxof/pen/WNaXqrE?editors=1100) |
| 80 | ray0304#2070 | [Codepen](https://codepen.io/Ray0304/pen/Baqmgrd) |
| 81 | HsuanTang#1349 | [Codepen](https://codepen.io/HsuanTang/pen/OJBOerO) |
| 82 | Kaya#8857 | [CodePen](https://codepen.io/laron9486/pen/ZEqadPZ) |
| 83 | 居米#6044 | [CodePen](https://codepen.io/AndyLiu0427/pen/OJBOKLQ) |
| 84 | Rayo#8002 | [CodePen](https://codepen.io/loborayo/pen/eYPeqMp) |
| 85 | Kun#8009 | [Codepen](https://codepen.io/khugjkcd-the-reactor/pen/MWPONwd)|
| 86 | 陳庭#3529 | [Codepen](https://codepen.io/yuting850309/pen/RwejXKj?editors=1100)|
| 87 | Janet#5784 | [Codepen](https://codepen.io/janetlinnn/pen/KKGyOJw)|
| 88 | Yui1024#8275 | [Codepen](https://codepen.io/Yuiyuichou/pen/MWPONLK)|
| 89 | Yuu#5361 | [Codepen](https://codepen.io/alycehwy/pen/yLRPmwY)|
| 90 | N0c7iluc3n7#4390 | [Codepen](https://codepen.io/alycehwy/pen/yLRPmwY)|
| 91 | jackwu#4437 | [Codepen](https://codepen.io/huang-yu-cheng/pen/mdzqNGj)|
| 92 | Jerry456789#9029 | [Codepen](https://codepen.io/aria198a/pen/KKGZPoa?editors=1100)|
| 93 | Ting.66#0912 | [Codepen](https://codepen.io/Ting66/pen/KKGyRRK)|
| 94 | 黑白兔#0684 | [Codepen](https://codepen.io/johnny329/pen/YzJEojW)|
| 95 | Tina02#2691 | [codepen](https://codepen.io/riifwerr-the-selector/pen/WNadNVK) |
| 96 | Pei#5161 |[Codepen](https://https://codepen.io/Pei0303/pen/KKGZwPb)|
| 97 | Ying Ying Liu #0836 |[Codepen](https://codepen.io/yingyliu/pen/YzJYWwz)|
| 98 | David0799#4415 |[Codepen](https://codepen.io/David0799/pen/QWZaEKq)|
|99| 雲漢#5319 |[codepen](https://codepen.io/keon981/pen/yLRpJrG)
| 100 | MitA#7407 |[Codepen](https://codepen.io/qaz15996398/pen/XWxVNWp)|
| 101 | 鄭舜仁#6606 |[Codepen](https://codepen.io/randomno/pen/MWPrjoN)|
| 102 | 史滴芬#4310 |[Codepen](https://codepen.io/steven870107/pen/XWxVNbM)|
| 103 | yoyo#1003 |[Codepen](https://codepen.io/pen/xxypRLW)|
| 104 | RyanC893412#4835 |[Codepen](https://codepen.io/mcdbfwcb-the-sans/pen/XWxVpgy)|
| 105 | liam9930#4129 |[Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/ZEqvLom)|
| 106 | Frank2411#0743 |[Codepen](https://codepen.io/wlk0411/pen/jOeYyKx)|
| 107 | 長方形#9612 |[Codepen](https://codepen.io/imjjw/pen/MWPrpyd)|
| 108 | cbs#9007 |[Codepen](https://codepen.io/wasdjk/pen/RwexpOJ)|
| 109 | andychiou#4830 |[Codepen](https://codepen.io/andychiou1113/pen/zYmpwod)|
| 110 | andrew0404#4576 |[Codepen](https://codepen.io/Loonng/pen/poxpPEy)|
| 111 | leo.yujie#8280 |[Codepen](https://codepen.io/peihsin-the-scripter/pen/oNapwvO)|
| 112 | 泊岸#3466 |[Codepen](https://codepen.io/qoq77416416/pen/poxpNPE)|
| 113 | Helen Lu#1391 |[Codepen](https://codepen.io/luhelen/pen/abREwQe)|
| 114 | Alan0305#2423 |[Codepen](https://codepen.io/alan0305/pen/RwexZZj)|
|115|提姆#9581|[Codepen](https://codepen.io/timouo/pen/OJBOKKG)|
|116|Kun#8009|[Codepen](https://codepen.io/khugjkcd-the-reactor/pen/WNadZJw)|
|117|StellaHsu#2687|[Codepen](https://codepen.io/stella950114/pen/qBJpVgE)|
|118|小明#4408|[Codepen](https://codepen.io/ujlylmbv-the-lessful/pen/JjmMMwN)|
|119|alexmav04#5048|[Codepen](https://codepen.io/alexmav04/pen/eYPyyoZ)|
|120|penny#6214|[Codepen](https://codepen.io/penny8989/pen/bGmaaJJ)|
|121|肉魚#2149|[Codepen](https://codepen.io/zoechen13/pen/ZEqvxgP)|
122|ruby0316#3380|[Codepen](https://codepen.io/rena6211zera/pen/QWZarEZ)|
| 123 | Ginny#0595 | [Codepen](https://codepen.io/tzjing222/pen/dygJoLL) |
| --- | -------------------- | -------------------------------------------------------------------------------- |
| 124 | 不要迷戀媽的奶#0295 | [Codepen](https://codepen.io/kewdjbwp-the-typescripter/pen/JjmMeMq?editors=1100) |
| 125 | Jennifer Chuang#3937 | [Codepen](https://codepen.io/yujhen/pen/QWZaJra) |
| 126 | Yu.T#4252 | [Codepen](https://codepen.io/YuT200053/pen/bGmazrb?editors=1100) |
| 127 | Zhong#8917 | [Codepen](https://codepen.io/klfjrlod-the-sasster/pen/YzJYBYR) |
| 128 | Judy☻#7874 | [Codepen](https://codepen.io/hsiaohan/pen/eYPyxMW?editors=1100) |
| 129 | edie599916#7112 | [Codepen](https://codepen.io/Chen-CiCi/pen/poxpBEq?editors=1100) |
| 130 | Yihwei#2027 | [Codepen](https://codepen.io/auntebur-the-sans/pen/gOBoyKz?editors=1100) |
| 131 | Lychee KK | [Codepen](https://codepen.io/kakakala/pen/poxpmwy) |
| 132 | LYC#5516 | [Codepen](https://codepen.io/chi-yen/pen/BaqJeNb) |
| 133 | bonnieli1414#4906 | [Codepen](https://codepen.io/bonnieli1414/pen/zYmpVva?editors=1100) |
| 133 | 柚子#3958 | [Codepen](https://codepen.io/as6625998/pen/eYPyqMY) |
| 134 | 變羊魔法#6372 | [Codepen](https://codepen.io/cssf998811/pen/dygJEbJ) |
| 135 | 阿鬥鬥#2906 | [Codepen](https://codepen.io/yvonne217/pen/yLRvyLR) |
| 136 | Jarvis莊#8679 | [Codepen](https://codepen.io/jason-hsuan/pen/wvYyGEv) |
| 137 | ABOOS#6276 | [Codepen](https://codepen.io/guhungyin/pen/PoyQzpZ) |
| 138 | 呵哈#6479 | [Codepen](https://codepen.io/CHYETI/pen/wvYyowR) |
| 139 | jun777#2468 | [Codepen](https://codepen.io/js18151102/pen/KKGQWjj?editors=0100) |
| 140 | Sonia Wu#7154 | [Codepen](https://codepen.io/YUJOU/pen/eYPVRBV) |
| 141 | YHT#1696 | [Codepen](https://codepen.io/YHT31/pen/mdzXwBJ) |
| 142 | PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/ZEqryPM) |
| 142 | Tim123#8361 | [CodePen](https://codepen.io/li-ting-huang/pen/rNqJzYX) |
| 143 | betty#0693 | [CodePen](https://codepen.io/betty-hu/pen/yLRvoxW?editors=1100) |
| 144 | Jojonz_kao#7998 | [CodePen](https://codepen.io/ewnrzxpr-the-builder/pen/OJBQOWM) |
| 145 | 大頭#1695 | [CodePen](https://codepen.io/conlyvrg-the-reactor/pen/NWOyYJv?editors=1100) |
| 146 | 鉦勝#8333 | [CodePen](https://codepen.io/atckmax823/pen/vYVpQwX) |
| 147 | 一瑋#8459 | [CodePen](https://codepen.io/zerosula/pen/MWPQXmK) |
| 148 | QOO#8446 | [CodePen](https://codepen.io/QOOQOOQ/pen/zYmRLxR?editors=1100) |
| 149 | leoSong1116#9861 | [CodePen](https://codepen.io/leosong1116/pen/JjmpBrw) |
| 150 | +7#8492 | [CodePen](https://codepen.io/tojibom/pen/ZEqroBw) |
| 151 | 喬喬#2824 | [CodePen](https://codepen.io/joanne-wei/pen/XWxZPwm) |
| 152 | ssshane#0673 | [CodePen](https://codepen.io/sam6091260/pen/VwEQVVw) |
| 153 | Pigsue#5981 | [CodePen](https://codepen.io/weixiii/pen/zYmRbPL) |
| 154 | 歐陽龍龍#1061 | [CodePen](https://codepen.io/dizzydog-rgb/pen/jOeZoQb) |
| 155 | alll6z#9204 | [CodePen](https://codepen.io/A6Z/pen/eYPVwoL) |
| 156 | 啊真真#8940 | [CodePen](https://codepen.io/fctamuvf-the-vuer/pen/YzJayXd) |
| 157 | grayyyy#1014 | [CodePen](https://codepen.io/jhye0222/pen/abRqaRd) |
| 158 | 莫0_o#3486 | [CodePen](https://codepen.io/jdozfpae-the-animator/pen/Baqrzwj) |
| 159 | Judy Wei#6103 | [CodePen](https://codepen.io/Judy0718/pen/gOBemYM) |
| 160 | Maxine#9061 | [CodePen](https://codepen.io/Maxine_Liao/pen/KKGoXVL) |
| 161 | Welly#3964 | [CodePen](https://codepen.io/welly09/pen/vYVReoQ) |
| 162 | Yvonne#2721 | [CodePen](https://codepen.io/Evonne/pen/vYVRWdq) |
| 163 | JasonChang#7847 | [CodePen](https://codepen.io/jsonChangJava/pen/PoyRxmY) |
| 164 | townyuan#2653 | [CodePen](https://codepen.io/townyuan/pen/BaqrgXL) |
| 165 | Evelyne#7323 | [CodePen](https://codepen.io/Evelynep/pen/PoyRLZv) |
| 166 | 薇拉#8110 | [Codepen](https://codepen.io/michellecc0522/pen/ExdLxav?editors=1100) |
| 167 | 張金#7225 | [Codepen](https://codepen.io/changxchieh/pen/poxVoBr?editors=1100) |
| 168 | Erikaaa#1616 | [Codepen](https://codepen.io/ChienHua/pen/Jjmvorg) |
| 169 | Döng#2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/bGmMJGe) |
| 170 | Elena Lin #3392 | [Codepen](https://codepen.io/elenalin119/pen/OJBENZZ) |
| 171 | Yiching #0738 | [Codepen](https://codepen.io/haruko_/pen/LYgQgmQ?editors=1100) |
| 172 | HsienLu#8316 | [Codepen](https://codepen.io/Hsienlu/pen/OJBEXbq) |
| 173 | Lainie#1931 | [Codepen](https://codepen.io/Lainie88/pen/ZEqRLxL?editors=1100) |
| 174 | 又竹#7302 | [Codepen](https://codepen.io/YO_ZU/pen/OJBEEmO) |
| 175 | Xing#6281 | [CodePen](https://codepen.io/ting-ting-the-bold/pen/NWOzOKw?editors=1100) |
| 176 | 貢波波夫#3056 | [CodePen](https://codepen.io/mxgrfgcr-the-bashful/pen/dygKgmO) |
| 177 | 小華#3204 | [CodePen](https://codepen.io/franfranfran/pen/OJBEeZG) |
| 178 | mike519#4399 | [CodePen](https://codepen.io/mike519tw/pen/OJBwNGZ) |
| 179 | weiting#3489 | [CodePen](https://codepen.io/weiting14/pen/GRYBGBE?editors=1100) |
| 180 | FiReBrO#0557 | [CodePen](https://codepen.io/firebro42/pen/OJBwEwO) |
| 181 | Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/MWPqyoB) |
| 182 | yuling#1634 | [codepen](https://codepen.io/igzdflpu/pen/poxOWYx) |
| 183 | 嵐閻#3844 | [codepen](https://codepen.io/shangchu0412/pen/OJBoBgb) |
| 184 | lishuan#3698 | [codepen](https://codepen.io/lishuan/pen/WNagYRa?editors=1100) |
| 185 | SASIMI#5099 | [Codepen](https://codepen.io/sashimi1327/pen/PoQNoKW) |
| 186 | 紫紫#7337 | [Codepen](https://codepen.io/picahsin/pen/Rweewex) |
| 187 | 林炘秀#4223 | [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/zYmMrzo) |
| 188 | hello77tw#5984 | [Codepen](https://codepen.io/luyoyo/pen/bGmQejM) |
| 189 | Elma#4317 | [Codepan](https://codepen.io/4317/pen/abRQaov) |
| 190 | lin_lion#7502 | [Codepan](https://codepen.io/Lion-Lin/pen/BaqGqXQ) |
| 191 | Idealisticfool#7104 | [Codepen ](https://codepen.io/Job-Wilhelm/pen/JjmeqGp) |
| 192 | NathanJames#8120 | [Codepan](https://codepen.io/ufo060204/pen/ZEqVQPW) |
| 193 | Meiru#6310 | [Codepan](https://codepen.io/mei00/pen/vYVvxBx) |
| 194 | Linndaa#7725 | [Codepan](https://codepen.io/Lindatsou/pen/vYVvdjP) |
| 195 | 小魚#8614 | [Codepan](https://codepen.io/gizelliang/pen/MWPLqpL) |
| 196 | Joanne Hu#0010 | [Codepan](https://codepen.io/nelbabkv-the-flexboxer/pen/bGmzJaM) |
| 197 | Syrena #3897 | [Codepen](https://codepen.io/Syrena-Chung/pen/LYgaZeq) |
| 198 | 江江 #1947 | [Codepen](https://codepen.io/singing228/pen/QWZoqjo) |
| 199 | FanJJ#8061 | [Codepen](https://codepen.io/yfchenn/pen/YzJMZop) |
| 200 | 杰_jie#9088 | [Codepen](https://codepen.io/hmj8805/pen/KKGYOJe) |
| 201 | 路人ADCB#9851 | [Codepen](https://codepen.io/markyourpage/pen/BaqeaMy) |
| 202 | 東東#5015 | [Codepen](https://codepen.io/wearymask/pen/bGmZXJM) |
| 203 | 初心#9021 | [Codepen](https://codepen.io/Sylviax/pen/wvQBKXP?editors=1100) |
| 204 | CG#3411 | [Codepen](https://codepen.io/qzmnczik-the-decoder/pen/MWzYjYd) |
| 205 | ztion#8403 | [Codepen](https://codepen.io/ztion/pen/vYQEavX) |
| 206 | pss940909#8650 | [Codepen](https://codepen.io/pss940909/pen/oNQXwEK) |
| 207| cmlb0212 | [Codepen](https://codepen.io/Chungmin0212/pen/BaGobEL)|