--- tags: 公益程式體驗營 - 2022 --- # 🏅 切版任務挑戰列表 - 5/3(二)Day1 - [HTML、CSS 差異與文字設定練習](https://hackmd.io/IEQba2AWQpaJ4V-LzYAgXQ) - 5/4(三)Day2 - [HTML 標籤元素、CSS 判斷](https://hackmd.io/tZJKVENiRieGQ1dLSz4ygA) - 5/5(四)Day3 - [flex 練習](https://hackmd.io/vPQjg8axR_yz54LCnHoZow) - 5/6(五)Day4 - [甜點電商 - 卡片購物車練習](https://hackmd.io/Ol3FuSZzQOqhBFBRpX_19A) <br> - 5/9(一)Day5 - [position 練習](https://hackmd.io/6WcIg_rYR-e-8vegks_cJg) - 5/10(二)Day6 - [flex 練習一](https://hackmd.io/QKMXtTHoT8GgkPVs-4-low) - 5/11(三)Day7 - [flex 練習二](https://hackmd.io/GHf3WiVVQ1Wme2DZtIlgWw) - 5/12(四)Day8 - [RWD 練習 I](https://hackmd.io/dPkorV9tTfGp6lWMqdAiag) - 5/13(五)Day9 - [RWD 練習 II](https://hackmd.io/i_Jp0XpRSdupyKoWiieh7g) <br> - 5/16(一)Day10 - [HTML 、 CSS 觀念補給](https://hackmd.io/W_npyDqyTHS2JCRpFbp3iA) - 5/17(二)Day11 - [position 趣味小練習](https://hackmd.io/ECgyAgRmR9ykhpo_hYGTNA) - 5/18(三)Day12 - [RWD 觀念補給](https://hackmd.io/n0QBeReFTv2l9bzQkIw71A) - 5/19(四)Day13 - [基本表單元素](https://hackmd.io/Bea5G46KQS2-xkS6RArJgQ) - 5/20(五)Day14 - [label & input - list](https://hackmd.io/LsKBfdubROu9k2NDh3zkfQ) <br> - 5/23(一)Day15 - [color 練習](https://hackmd.io/5fLPm1sgRpG0WdGs_5q9_g) - 5/24(二)Day16 - [background 練習](https://hackmd.io/Bmh7zvC3RAqUUlQ1RieLlQ) - 5/25(三)Day17 - [SCSS / Sass 練習](https://hackmd.io/KUW2uzn9SI6vEICMsxKY7Q) - 5/26(四)Day18 - [Flex 與 RWD 練習](https://hackmd.io/S18AwRiMSRWU6J8ucf9ywA) - 5/27(五)Day19 - [position 練習](https://hackmd.io/E9m8UQLfSsybKq9pt4FxTg) <br> - 5/30(一)Day20 - [響應式網頁 - 問答](https://hackmd.io/Zkj1ivjuQKevCL_eBBQPGw) - 5/31(二)Day21 - [SCSS / Sass 練習](https://hackmd.io/3X_FQrMIR860cJry7Ss1bQ) - 6/1(三)Day22 - [class 命名優化](https://hackmd.io/Ej9A5Z9bTGmwtX6g3vgxRQ) - 6/2(四)Day23 - [position 練習 - 病毒退散](https://hackmd.io/8Y1cWvZHSdmvAuuXaTleDg) - 6/3(五)Day24 - [background / position 練習 - 端午節快樂](https://hackmd.io/mKpWgrpDT_-9oOOO-fSEeg)