---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day6 - position 練習 I"
tags: [軟體工程師體驗營 - 2023]

---

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

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

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

## 問題 

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

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

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



## 回報流程

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

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

<!-- 

解答：
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)|