---
# System prepended metadata

title: "\U0001F3C5 6/2 (四) 每日切版任務 - position 練習 病毒退散"
tags: [公益程式體驗營 - 2022]

---

---
tags: 公益程式體驗營 - 2022
---

#  🏅 6/2 (四) 每日切版任務 - position 練習 病毒退散
## 題目 

* 用 Codepen 練習以下畫面，相關尺寸、顏色等，請自行設計喜歡的大小跟顏色，但相關的圖型要如下圖喔!!一起打敗病毒吧!加油!

>**完成圖**
>![](https://i.imgur.com/NEQiwFJ.png)




<!--
ans:
[position](https://codepen.io/DoLucky/pen/oNEoaep?editors=1100)
-->
---

## 回報流程

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

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

<!-- 解答：  -->

回報區
---
<!-- 1.Chi
Codepen:　https://codepen.io/YoChi84/pen/wvyjYze 
-->

<!-- 2.chen
Codepen: https://codepen.io/ljiujfxw-the-encoder/pen/BaYxqVm 
-->

<!-- 3.yunyun
Codepen:　https://codepen.io/yun_yunni/pen/ExQLddY
-->

<!-- 4. hw#0715
https://codepen.io/Lhwei/pen/eYVrPvQ 
-->

<!-- 5. Bruno Yu
https://codepen.io/bruno-yu/pen/OJQZBbp?editors=1100
-->

<!-- 6.IreneLee
codepen:https://codepen.io/ntjtcxpt-the-animator/pen/yLvjRvR?editors=1100 
-->

<!-- 7. RJRS#9430
codepen:https://codepen.io/RJRS/pen/yLvjQgm 
-->

<!-- 8. 楓之聲#6945
codepen:https://codepen.io/sshane258/pen/eYVrQvN  
-->

<!--8. 小不點#1793
Codepen:https://codepen.io/fwmfmgkx-the-flexboxer/pen/vYdjQzr
-->

<!--9. Noy
https://codepen.io/MochiCodingPen/pen/WNMJLvv
-->

<!-- 10.Peng
https://codepen.io/peng-027/pen/ZEroVOe
 -->
 
 <!-- 11.How #5806
https://codepen.io/howtobefine/pen/abqGPMR
 -->
 
<!-- 12.Joyce
https://codepen.io/joycehuang/pen/qBxYQVm?editors=1100
-->
 
<!-- 13. yuyu#6310
https://codepen.io/yuyu0905/pen/WNMJYXW?editors=1100
-->

<!-- 14. Tuhacrt#0008
https://codepen.io/Tuhacrt/pen/mdXLvvw
-->

<!-- 15.LHchien
https://codepen.io/lin_chien/pen/JjpveVO
-->

<!-- 16.EllieLo#9809
https://codepen.io/ellie-lo/pen/bGLMzgr
-->

<!-- 17. Hao#2485
https://codepen.io/hao216/pen/WNMJmMB
-->

<!-- 18. azami#5986
codepen : https://codepen.io/azami/pen/NWyMoVB
-->


<!-- 19. lyle#8123
codepen : https://codepen.io/tomys/pen/WNMJqZm?editors=1100
-->

<!-- 20. 眠瀾#8857
CodePen: https://codepen.io/laron9486/pen/QWQrzjj
-->

<!-- 21. ava000
CodePen: https://codepen.io/alva00/pen/bGLKbaY
-->

<!-- 22. Mitour#0672
  https://codepen.io/mitour/pen/dydKyNW?editors=1100
-->

<!-- 23. 黑松胖#4836
https://codepen.io/yi-chien-hsieh/pen/rNJKBdR
-->

<!-- 24.amy芳#1385
https://codepen.io/amy-chieng/pen/zYRaGbg
-->

<!-- 25.CloThEs
https://codepen.io/bogwdnxx-the-sans/pen/BaYVKNL
-->

<!-- 26.Erica Chen#6929
https://codepen.io/ericachen/pen/JjpZWdO
-->

<!-- 27.RayChen#6088 
https://codepen.io/raychen1996/pen/eYVKGNr
-->

<!-- 28.雷雷#7844
https://codepen.io/lei-yi-jie/pen/BaYVwQQ
-->

<!-- 29. ajhappy#6488
Codepen:https://codepen.io/ajhappy5438/pen/PoQaOmR
-->

<!-- 30. ling chang#1024
Codepen:https://codepen.io/ling-chang/pen/poaKZYo
-->

<!-- 31. 白狐
Codepen:　https://codepen.io/baihu7851/pen/WNMyaxj
-->

<!-- 32. hsiuhsiu
Codepen:　https://codepen.io/hsiuhsiu/pen/OJQEjLq?editors=0100
-->

<!-- 33. Vera#5592
Codepen:　https://codepen.io/skvera/pen/gOvjadz
-->

<!-- 34. Tori#1287
Codepen:　https://codepen.io/FlyTori/pen/abqjJwy?editors=1100
-->

<!-- 35. Cynthia1111
Codepen:　https://codepen.io/Cynthia1111/pen/XWZBMmj
-->

<!-- 36. Cliff
CodePen: https://codepen.io/Cliff_hex/pen/WNMKogZ 
-->

<!-- 37. Stanley
CodePen: https://codepen.io/sean_1215/pen/xxYJjGg
-->

<!-- 37. Cheng-Yu#1813
CodePen: https://codepen.io/ball77111/pen/eYVjreB?editors=1100
-->

<!-- 38. Jumpye#8601
CodePen: https://codepen.io/Jumpye/pen/mdXGoYM?editors=1100
-->

<!-- 39. Ryan Lu#3642
CodePen: https://codepen.io/ryanlu1125/pen/QWQBvwG
-->

<!-- 40. Chaco #2993
   Codepen: https://codepen.io/chaco-wang/pen/eYVraqw?editors=1100
-->

<!-- 40. andersonshen#4675
   Codepen: https://codepen.io/luxyenni-the-bold/pen/YzeoWOr
-->