---
tags: 網頁切版直播班 - 2022 夏季班
---
# 🏅 Day 2

## 移除圖片空隙

嘗試在 .img 內加入 CSS 語法將圖片下的空白部分移除

[示意](https://codepen.io/hexschool/pen/mdXZJar)：
> 圖片下方與 p 標籤會有一小部分空隙

<img class="img" src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo nostrum officiis aspernatur.</p>

.img{
  ...
}

提示：[img 下方不明空隙](https://tzuhui.github.io/2020/01/08/HTML/html-img-blank/)

## 回報流程

將答案寫在 CodePen 並複製 [CodePen 連結](https://codepen.io/hexschool/pen/mdXZJar)貼至底下回報就算完成了喔! 將答案寫在 CodePen 並複製 [CodePen 連結](https://codepen.io/hexschool/pen/mdXZJar)貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答(擇一)：
1. display:block;
2. vertical-align:top/bottom/middle/text-top/text-bottom -->

回報區
---
| | | |
|:-----------------:|:-------------------------------------------------------------------:| --- |
| 維新#6472 | [CodePen](https://codepen.io/wei-shun-li/pen/rNdNMjX) | |
| 小鐵#2814 | [CodePen](https://codepen.io/grayssky/pen/qBoBWBX) | |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/WNzeVOa) | |
| 布魯諾#7239 | [CodePen](https://codepen.io/bruno-yu/pen/vYRBoZZ) | |
| choubree#4350 | [CodePen](https://codepen.io/BreeChou/pen/ExEYqbV) | |
| Emily Hsi#9066 | [CodePen](https://codepen.io/EmilyHsi/pen/vYRBoWJ) | |
| GARBO#6659 | [CodePen](https://codepen.io/garbo8130/pen/gOeYVXv) | |
| 我是泇吟 #5189 | [CodePen](https://codepen.io/kljuqbxs/pen/QWmLeOz) | |
| 黃士桓#7654 | [CodePen](https://codepen.io/shr-huan-huang/pen/gOeYVoe) | |
| peter.chen #1932 | [CodePen](https://codepen.io/JIAN-RONG/pen/oNqvKwY) | |
| Grass立花#8094 | [CodePen](https://codepen.io/kj25940858/pen/oNqvKEZ) | |
| Eric.S #3190 | [CodePen](https://codepen.io/Eric_Shen/pen/OJvLKxZ) | |
| StellaHsu #2687 | [CodePen](https://codepen.io/stella950114/pen/NWYKQyE?editors=1100) | |
| Clara#1275 | [CodePen](https://codepen.io/bsupixqu/pen/RwMbXJx) | |
| 𝓛𝓊𝒸𝓎#8635 | [CodePen](https://codepen.io/bsupixqu/pen/jOzNgpR) | |
| 洋蔥#5295 | [CodePen](https://codepen.io/HSUNA/pen/oNqvKaw) | |
| Karol-Kuo#5287 | [CodePen](https://codepen.io/ting-yu-kuo/pen/WNzeVYm) | |
| mickey#8745 | [CodePen](https://codepen.io/weizhetseng/pen/ExEYqMg) | |
| 大衛#4869 | [CodePen](https://codepen.io/exnsrpjc/pen/xxWKveq) | |
| Amberhh#2465 | [CodePen](https://codepen.io/Amberhh/pen/KKoKPPK) | |
| Chi #7605 | [CodePen](https://codepen.io/YoChi84/pen/LYdYPEO) | |
| yuyu#6310 | [CodePen](https://codepen.io/yuyu0905/pen/abYbovW) | |
| hsiu#8767 | [CodePen](https://codepen.io/amy-hsiao-the-scripter/pen/rNdNBjj) | |
| Erwin#9851 | [CodePen](https://codepen.io/c-hao-tsai/pen/zYWYOKw) | |
| Vanya#8356 | [CodePen](https://codepen.io/Vanyacheer/pen/bGvGbBX) | |
| Rita916#4384 | [CodePen](https://codepen.io/rita0916/pen/JjLjPJM) | |
| 楓之聲#6945 | [CodePen](https://codepen.io/sshane258/pen/oNqNvGy) | |
| 群嘉#3943 | [CodePen](https://codepen.io/efzdamnp-the-lessful/pen/JjLjPyp) | |
| PeggyLiao#1552 | [CodePen](https://codepen.io/PeiJu-Liao/pen/MWVWgrb?editors=1100) | |
| 狸貓#5863 | [CodePen](https://codepen.io/tanuki320/pen/yLKLBEg) | |
| 威0#6919 | [CodePen](https://codepen.io/n0918679182/pen/ZExEzxe) | |
| Kiwi#9804 | [CodePen](https://codepen.io/kiwi1113/pen/JjLjPaZ) | |
| kai#1098 | [CodePen](https://codepen.io/ahkai/pen/rNdNBoY) | |
| 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/BaraBGy) | |
| int#7518 | [Codepen](https://codepen.io/intHuang/pen/ZExEzPJ) | |
| Steve#9699 | [Codepen](https://codepen.io/ycsteve/pen/PoRooYq) | |
| 44#6963 | [Codepen](https://codepen.io/lin-b/pen/MWVWWYE) | |
| Leo Song #8278 | [Codepen](https://codepen.io/sunnylaba/pen/vYRYYGB?editors=1100) | |
| 逸川#6319 | [CodePen](https://codepen.io/bryanlin8911/pen/ZExEEWr) | |
| Yu An #1572 | [Codepen](https://codepen.io/yuan0401/pen/vYRYYxY?editors=1100) | |
| elliezz-A-#8475 | [Codepen](https://codepen.io/elliewu-the-bashful/pen/GRxRRXj) | |
| Cliff#4606 | [Codepen](https://codepen.io/Cliff_hex/pen/BaraavZ) | |
| How#5806 | [Codepen](https://codepen.io/howtobefine/pen/ExExxJB) | |
| JackC#0411 | [Codepen](https://codepen.io/key0329/pen/bGvGGXa) | |
| 小諾#1688 | [Codepen](https://codepen.io/noichan/pen/vYRYEYy) | |
| Sin#0040 | [Codepen](https://codepen.io/sophmfyt-the-sasster/pen/rNdNNYZ) | |
| 艾芮絲#6060 | [Codepen](https://codepen.io/wangyingju/pen/WNzNbwK) | |
| suihsilan#9485 | [Codepen](https://codepen.io/suihsilan/pen/PoRooLm) | |
| Benson#6763 | [Codepen](https://codepen.io/kumashow/pen/bGvGNRj) | |
| Fleur #4018 | [Codepen](https://codepen.io/swwlee/pen/ZExEYrz) | |
| Kyle, Chuang#1892 | [CodePen](https://codepen.io/hohayo/pen/GRxRgQQ) | |
| Mylène | [CodePen](https://codepen.io/hamajibashi/pen/gOeObee) | |
| Henry#7386 | [CodePen](https://codepen.io/h1nr9/pen/zYWYxeB) | |
| ssozr#4680 | [CodePen](https://codepen.io/ssozr/pen/JjLjPzB) | |
| Van.CS #2067 | [CodePen](https://codepen.io/fbacojji-the-selector/pen/GRxRgaB) | |
| 連小艾#0791 | [CodePen](https://codepen.io/bolaslien/pen/rNdNaXe) | |
| 黑白兔#0684 | [CodePen](https://codepen.io/johnny329/pen/LYdYVPz) | |
| 雷雷#7844 | [CodePen](https://codepen.io/lei-yi-jie/pen/vYRYOEj) | |
| LHchien33#6232 | [CodePen](https://codepen.io/lin_chien/pen/KKoKpdw) | |
| yo_yo#2678 | [CodePen](https://codepen.io/djmliogn-the-flexboxer/pen/zYWYGwz) | |
| Iris Huang#6727 | [CodePen](https://codepen.io/ythuang/pen/poLoJpb) | |
| zera#6060 | [CodePen](https://codepen.io/zera-tseng/pen/OJvJVoL) | |
| Jung#1590 | [CodePen](https://codepen.io/ROUJUNG/pen/BaraNvy) | |
| 得源#8355 | [CodePen](https://codepen.io/aglgvsie/pen/abYbvmR) | |
| rueee#7997 | [CodePen](https://codepen.io/Jull-C/pen/gOeOaMa) | |
| Chun#7802 | [CodePen](https://codepen.io/zpsamglw-the-bold/pen/eYMYpbQ) | |
| 心幻羽#0056 | [CodePen](https://codepen.io/linglingsyu/pen/LYdYpKV) | |
| 阿蘇#8527 | [CodePen](https://codepen.io/susu8327/pen/ExExVGJ) | |
| WEI_RIO#9342 | [CodePen](https://codepen.io/wei_wu/pen/RwMwrWp) | |
| Melon#0380 | [CodePen](https://codepen.io/BalaFang/pen/ExExPPY) | |
| Susie(軒)#6181 | [CodePen](https://codepen.io/Codeleaf/pen/NWYWxzE) | |
| Ron Liang #7277 | [CodePen](https://codepen.io/ron-go/pen/PoRoZda) | |
| Yunei#6323 | [CodePen](https://codepen.io/Yunei/pen/MWVWyby) | |
| Tomo#4812 | [Codepen](https://codepen.io/kira134679/pen/qBoBZaV) | |
| 丁丁#0922 | [Codepen](https://codepen.io/WAHAS77/pen/RwMwazz) | |
| Winnie Wu #5468 | [Codepen](https://codepen.io/Pooh-Wu/pen/oNqNLxV) | |
| 鴨鴨#9822 | [Codepen](https://codepen.io/qrvrqvxv-the-selector/pen/XWEWKaP) | |
| kevin嘉軒#3254 | [Codepen](https://codepen.io/kevin-chang-the-sasster/pen/abYbZKM) | |
| Jason1#2538 | [CodePen](https://codepen.io/jotwxezb-the-encoder/pen/LYdYZXP) | |
| 柏PO#5617 | [CodePen](https://codepen.io/apo_1798/pen/PoRoGPK) | |
| yu魚#1330 | [CodePen](https://codepen.io/Yu_yu/pen/zYWYKvg) | |
| Yolanda#9522 | [CodePen] | |
| pidder#7315 | [CodePen](https://codepen.io/pidderliao/pen/eYMYdap) | |
| hua#9099 | [CodePen](https://codepen.io/LHua/pen/bGvGwyz) | |
| LinaChen#1796 | [CodePen](https://codepen.io/LinaChen/pen/eYMYBYJ) | |
| LINK#1933 | [CodePen](https://codepen.io/miyayoe/pen/wvmvoKO) | |
| Shuo#1596 | [CodePen](https://codepen.io/chiangchungshuo/pen/yLKLVOY) | |
| Ryan Chiang#6649 | [CodePen](https://codepen.io/ryanchiang/pen/KKoKNNp) | |
| chen辰#3311 | [CodePen](https://codepen.io/wkbyttzt-the-styleful/pen/qBoBqmp) | |
| Arista | [CodePen](https://codepen.io/arista-hsieh/pen/dymyORe) | |
| Fanglin#4054 | [Codepen](https://codepen.io/flynn841028/pen/bGvGBYb) | |
| Vivian Huang#7489 | [Codepen](https://codepen.io/Vianhuang/pen/mdxdOqa) | |
| RayChen#6088 | [Codepen](https://codepen.io/raychen1996/pen/zYWYoJP) | |
| Joyce#3790 | [Codepen](https://codepen.io/joycehuang/pen/OJvJbeP) | |
| 浪裡小白龍#6860 | [Codepen](https://codepen.io/Emillo/pen/dymyOxa) | |
| Pony#6778 | [Codepen](https://codepen.io/Pony0303/pen/WNzNRNG) | |
| Andy Hung#3335 | [Codepen](https://codepen.io/andyhung0723/pen/jOzOyEy) | |
| Shang Shang#9066 | [Codepen](https://codepen.io/shang1104/pen/gOeOgga) | |
| 小白#2406 | [Codepen](https://codepen.io/gracewhite/pen/XWEWpRB) | |
| Yolanda#9522 | [Codepen](https://codepen.io/Yolandaa/pen/NWYWRrM?editors=1100) | |
| siZunyo#3185 | [Codepen](https://codepen.io/yi-lun-jhuang/pen/rNdNjpZ) | |
| Yuan962#5897 | [CodePen](https://codepen.io/Jasmine-Liao/pen/NWYWdyg) | |
| Gloria#1328 | [Codepen](https://codepen.io/akeymaker/pen/jOzOyXZ) | |
| Barret#1119 | [Codepen](https://codepen.io/barret0720/pen/GRxRWKW) | |
| 鑫鑫#4346 | [Codepen](https://codepen.io/Neil1024/pen/KKoKNBM) | |
| smallmi80#3735 | [CodePen](https://codepen.io/smallmimi80/pen/MWVWJRP) | |
| Halla#0431 | [CodePen](https://codepen.io/wawykddh-the-typescripter/pen/VwXwpmm) | |
| Ringo #7583 | [CodePen](https://codepen.io/ringolai1988/pen/eYMYvda) | |
| Clara Cai#7097 | [CodePen](https://codepen.io/Clara-Snowy/pen/mdxdWEm) | |
| 肉魚#2149 | [CodePen](https://codepen.io/zoechen13/pen/QWmWpvZ) | |
| Gui#9571 | [CodePen](https://codepen.io/guitimliu/pen/YzazZVZ) | |
| Erichooojop#8199 | [CodePen](https://codepen.io/lumedkle/pen/QWmWpqJ) | |
| 咻蹦#1526 | [CodePen](https://codepen.io/emmasyu/pen/ZExEeJd) | |
| Jamie Wu#9345 | [Codepen](https://codepen.io/Wu220103/pen/ExExZPp) | |
| Vera#5592 | [Codepen](https://codepen.io/skvera/pen/abYbWWy) | |
| Chi_Chen#3755 | [CodePen](https://codepen.io/akichen27/pen/oNqNWpd) | |
| YU#0618 | [CodePen](https://codepen.io/yoken_/pen/JjLjWPj) | |
| SASIMI#5099 | [CodePen](https://codepen.io/sashimi1327/pen/bGvGWYb) | |
| Sentiments#4883 | [CodePen](https://codepen.io/Sentiments/pen/mdxdmYZ) | |
| Shalina123#3090 | [CodePen](https://codepen.io/shalina123/pen/mdxdwOd) | |
| Mimino #9154 | [CodePen](https://codepen.io/mimino-tsai/pen/WNzNEYP) | |
| christina#6185 | [CodePen](https://codepen.io/chrisc0210/pen/wvmvyRv) | |
| Chaoci#2460 | [CodePen](https://codepen.io/gmailchao/pen/jOzOzYL) | |
| NeilLin#3009 | [CodePen](https://codepen.io/a0071421/pen/xxWxWWM) | |
| JieDu#4493 | [CodePen](https://codepen.io/qgqonost-the-flexboxer/pen/abYbYXx) | |
| Ke#1391 | [CodePen](https://codepen.io/federerke/pen/RwMwMda) | |
| MinChunTsai#8285 | [CodePen](https://codepen.io/Tsai0926/pen/vYRYjOX) |
| 紙飛機#1335 | [CodePen](https://codepen.io/paperplanea/pen/gOeOzRG)| |
|AhChiaZoe#8535|[CodePen](https://codepen.io/ZoeTeng/pen/rNdNvKN?editors=1100)|
| WH #5607 | [CodePen](https://codepen.io/Wenhsin-hu/pen/eYMYKBz) | |
| 鉦勝 #8333 | [CodePen](https://codepen.io/atckmax823/pen/abYbaYv) | |
| 瑞瑞 #4605 | [CodePen](https://codepen.io/tsai-li-ting/pen/jOzOvJR?editors=1100) |
| JarDar #6980 | [CodePen](https://codepen.io/jardarpen/pen/eYMYPRd)
| Cream #3449 | [CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/QWmWZaw)
| Ming Juan #0071 | [CodePen](https://codepen.io/M-Juan/pen/LYdYqGj)
| 阿武 #9488| [CodePen](https://codepen.io/samwnkyat/pen/YzazBdR)
| 艾草 #4830| [CodePen](https://codepen.io/jmkhsutp/pen/eYMYXeM)
| CJ07 #0176| [CodePen](https://codepen.io/cjtseng07/pen/wvmvOEg)
| jin.huang #4666| [CodePen](https://codepen.io/ruby828387/pen/gOeOEjr)
| QOO #8446| [CodePen](https://codepen.io/QOOQOOQ/pen/qBoBwdB)
| Tuhacrt #0008 | [CodePen](https://codepen.io/Tuhacrt/pen/RwMwOMg)
| Yuna Huang #2692 | [CodePen](https://codepen.io/Yuna1002/pen/bGvGJaM)
| skypassion5000#4151 | [CodePen](https://codepen.io/skypassion5000/pen/OJvJGQQ)
| Nini Chen #5790 | [CodePen](https://codepen.io/ninistyle/pen/KKoKYRb?editors=1100)
| piha#9987 | [CodePen](https://codepen.io/pihahaha/pen/xxWxeMO)|
| Ru#2154 | [CodePen](https://codepen.io/Ariel_Chen/pen/RwMwvzd)||
| Vian #7338 | [CodePen](https://codepen.io/vianwu31/pen/vYRYqNM)||
|Jase #1996|[CodePen](https://codepen.io/yvfxyvms/pen/mdxdZLJ)||
|阿基基 #2557|[CodePen](https://codepen.io/JIJI_GNI/pen/XWEWvWO)||
|肯肯#1576|[CodePen](https://codepen.io/kkwcan/pen/xxWbVyP)||
|鎔瑄 #8578|[CodePen](https://codepen.io/barbarayou/pen/GRxgqzo)||
|Tokyoyo #9509|[CodePen](https://codepen.io/tokyoyo/pen/gOebRPV)||
|e850235#4150|[CodePen](https://codepen.io/cvqixcvl-the-typescripter/pen/MWVYoBr)||
|GL#2256|[CodePen](https://codepen.io/4genie/pen/XWEJgoP)||
|Randy #0393|[CodePen](https://codepen.io/randy820113/pen/YzaProJ)||
|IreneY #0086|[CodePen](https://codepen.io/HalfPlannedJourney/pen/rNdaYMG)||
|Jeff Lin #4717|[CodePen](https://codepen.io/toqzvyeq-the-scripter/pen/GRxgeZL)||
|Fang #4680|[CodePen](https://codepen.io/std95174/pen/GRxgeXg)||
|yen #5757|[CodePen](https://codepen.io/TZU-HUANG-YEN/pen/JjLozxw)||
|Scottie #5850|[CodePen](https://codepen.io/wow767t/pen/gOebENP)||
hansonpohan#7853|[CodePen](https://codepen.io/hansonpohan/pen/xxWboZY)||
|bakiii #2652|[CodePen](https://codepen.io/aki168/pen/rNdVBNB)||
|color #4378|[CodePen](https://codepen.io/color0602/pen/ExEjxQL?editors=1100)||
|KJ T.#8381|[CodePen](https://codepen.io/leontsai218/pen/abYbzWv)||
|mei# 8421|[CodePen](https://codepen.io/Shila-Chen/pen/YzaXpov?editors=1100)||
|肉桂卷#0625|[CodePen](https://codepen.io/ginnlee/pen/vYROJpG?editors=1100)||
|YI#0863|[CodePen](https://codepen.io/YI0305/pen/VwXLXGg)||
|jason so#3921|[CodePen](https://codepen.io/jasonso/pen/yLKNGyz)||
|bonnieli1414#4906|[CodePen](https://codepen.io/bonnieli1414/pen/QWmbzXx?editors=1100)||
|Cola#1583|[CodePen](https://codepen.io/Cola865/pen/wvmKaoj)||
|Aritan#1931|[CodePen](https://codepen.io/Aritan/pen/oNqjbqv)||
|Manson許#2295|[CodePen](https://codepen.io/oupbzfxq-the-scripter/pen/JjLYXzW)||
|MOMO#3370|[CodePen](https://codepen.io/chiuyuchun/pen/GRxpNdQ)||
|吉米阿民#8049|[CodePen](https://codepen.io/yinminlin/pen/bGvVYjG)||
|iSunny|[CodePen](https://codepen.io/vwgfdkzu-the-encoder/pen/ExEVLMM)||
|pudding#2006|[CodePen](https://codepen.io/yushujhen/pen/jOzbKzX)||
|家洋#6999|[CodePen](https://codepen.io/yang940648/pen/gOeaBpm)||
|ROKA#4051|[Codepen](https://codepen.io/chengchiaoyi/pen/dymYEYY)||
|Han Lai|[Codepen]([https://codepen.io/chengchiaoyi/pen/dymYEYY](https://codepen.io/x94han/pen/LYdGEqK))|
| Daisy_Li#4231 |[Codepen](https://codepen.io/lidairong-gmail-com/pen/QWmywoq)| |
|Jenny真#7532|[CodePen](https://codepen.io/wei-chen-wu/pen/gOePaeZ?editors=1100)||
|Carrie#2750|[CodePen](https://codepen.io/carrie-wang/pen/KKoVWYZ)||
|zaii#7472|[CodePen](https://codepen.io/ivy2846357/pen/ZExQjbz)||
| Jo Yun #8899 | [CodePen](https://codepen.io/Jo_Yun/pen/ZExQMbe) | |
| Kevin#6131 | [CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/ExEPdpY) | |
| RuoAn#7124 | [CodePen](https://codepen.io/LiauRuoAn/pen/BarjGQq) | |
|Suyan#7529|[CodePen](https://codepen.io/suyan_echo/pen/OJvMdEx)||
|jeter#8014|[CodePen](https://codepen.io/gi-tai-she/pen/mdxVNWY)||
|erwin#5422|[CodePen](https://codepen.io/yohey03518/pen/ZExWEdp)||
|wlc#4877|[CodePen](https://codepen.io/arxmyifs/pen/yLKOxLY)||
|薏慈#3795|[CodePen](https://codepen.io/its_wang/pen/WNzwPRO)||
|Jean Hung#7151|[CodePen](https://codepen.io/jean8602/pen/NWYNmvP)||
|YaWen #2752|[CodePen](https://codepen.io/yuwendy/pen/oNqLwgj)||
|小許 #9885 | [Codepen](https://codepen.io/xu75/pen/GRxqEyO)
|熊二#3824|[CodePen](https://codepen.io/BeckLai/pen/PoRGwNd)||
|阿翰#1987|[CodePen](https://codepen.io/JohnHan05/pen/GRxjyGw)||
|iamYanYan#9422|[CodePen](https://codepen.io/yayayanns/pen/oNqzEBQ)||
|yuchenye#6119|[CodePen](https://codepen.io/yuchen/pen/qBoagLg)||
|kancheng#3915|[CodePen](https://codepen.io/kancheng/pen/QWmGWQr)||
|sophiee#7015|[CodePen](https://codepen.io/sophiee2727/pen/LYdbpjY)||
|Dingy#2931|[CodePen](https://codepen.io/dingy-xiao/pen/VwXmvoP?editors=1100)||
|Tori#1248|[CodePen](https://codepen.io/FlyTori/pen/jOzVqBr)
|Nathan James#8120|[CodePen](https://codepen.io/ufo060204/pen/ZExBBNr)
|toshow#5609|[Codepen](https://codepen.io/toshow/pen/NWYdqgW)|
|Deborah#0033|[Codepen](https://codepen.io/deborah-tsai/pen/qBoRVpw)
|EmilyLin#0526|[Codepen](https://codepen.io/c199615/pen/abYpMJa)
|wico#9054|[GitHub Page](https://wicowen.github.io/web-playground-gulp/daily-task/day2.html)
|WEI#0797|[Codepen](https://codepen.io/wei-z/pen/wvmdjmq)
|yuling#1634|[Codepen](https://codepen.io/igzdflpu/pen/OJvmdZo)
|lulu醬#2861|[Codepen](https://codepen.io/lulu0314/pen/PoRJPax)
|鄭小蛙#3528|[Codepen](https://codepen.io/libclf/details/KKoXVbq)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/ExEbeYg)
Jumpye#8601|[Codepen](https://codepen.io/Jumpye/pen/VwXyxXX)
HSINYU#1182|[Codepen](https://codepen.io/hsinfish/pen/bGvmPaQ)
| DoraHunag#8223| [Codepen](https://codepen.io/mwebwvuq-the-flexboxer/pen/YzaBLje)
|Velma#1693|[Codepen](https://codepen.io/Ze1225/pen/JjvEPvg)|
|Wei-Ting#7691 |[Codepen](https://codepen.io/hellowei-ting/pen/ZEVEgOK))|