- [6/26 ~ 7/7 每日任務挑戰列表](https://hackmd.io/BPpdZie4Ti6veNeIQoyEPg)

| Day | 每日任務主題 | Codepen | ✅ |
|-------|--------------------------------------|------------|-----|
| Day1 | [HTML 語意標籤運用](https://hackmd.io/7TJu02VTTb2JsYPCkKsOKw) | [Codepen]() | |
| Day2 | [移除圖片空隙](https://hackmd.io/oqmjAExhRlmvw5dOpRdCQQ) | [Codepen]() | |
| Day3 | [CSS 選擇器運用（擬態選擇器、類別選擇器）](https://hackmd.io/mwKprzKUQfmbbknC-UpoJA) | [Codepen]() | |
| Day4 | [推擠方向](https://hackmd.io/Iz28i5alQvSRVGxe1y69-w) | [Codepen]() | |
| Day5 | [margin、padding 混合運用](https://hackmd.io/MeGf19jkRF2aV2MI1OxDMA) | [Codepen]() | |
| Day6 | [box-model](https://hackmd.io/yma2hJzRR1WVX8Q5MIvK5Q) | [Codepen]() | |
| Day7 | [box-sizing](https://hackmd.io/e7NhsilDRS-FGerOe9Qbow) | [Codepen]() | |
| Day8 | [觀念選擇題](https://hackmd.io/ks48--MmSQGPef2RZrZEtg) | [Codepen]() | |
| Day9 | [練習 Emmet 語法](https://hackmd.io/goaetdVaQheRGkJNL-qzMw) | [Codepen]() | |
| Day10 | [margin: 0 auto、text-align 混合運用](https://hackmd.io/IyBhqqGaTBiIhE1hGFIGhA) | [Codepen]() | |

---

- [7/10 ~ 7/21 每日任務挑戰列表](https://hackmd.io/BPpdZie4Ti6veNeIQoyEPg)

| Day | 每日任務主題 | Codepen | ✅ |
|-------|--------------------------------------|------------|-----|
| Day11 | [文字設定（font-size、line-height）](https://hackmd.io/HA9OsNUBTA-_gFkyhP16Mw) | [Codepen]() | |
| Day12 | [整合相同樣式](https://hackmd.io/oQuL4PaIRL6nxGgfKqgC5A) | [Codepen]() | |
| Day13 | [文字設定（font-family、font-weight、font-style）](https://hackmd.io/G8NsFCX9RWaAF79RR7Dtog) | [Codepen]() | |
| Day14 | [垂直水平置中](https://hackmd.io/fRdT_JKjSmCgAVyfFpdAvA) | [Codepen]() | |
| Day15 | [flex 多屬性練習](https://hackmd.io/snISuELARiqUNM7XPBSHjg) | [Codepen]() | |
| Day16 | [flex 完成九宮格排版](https://hackmd.io/lgeLd_-mTwmM2X5SY-Siag) | [Codepen]() | |
| Day17 | [background-image](https://hackmd.io/9zCoS9zGTJ6OpY47-LCb-g) | [Codepen]() | |
| Day18 | [container 容器應用](https://hackmd.io/qP262K6VTLqEzEL4Ttyq4A) | [Codepen]() | |
| Day19 | [線上 icon 載入](https://hackmd.io/618LmR-UQfSKzUMdhNvIKg) | [Codepen]() | |
| Day20 | [CSS 權重覆蓋](https://hackmd.io/c-2Ziw9LQ8289pEFcFDbLg) | [Codepen]() | |

---

- [7/24 ~ 8/4 每日任務挑戰列表](https://hackmd.io/Zg0LZ24HSCKjtLeEzuDU4A)

| Day | 每日任務主題 | Codepen | ✅ |
|-------|--------------------------------------|------------|-----|
| Day21 | [RWD 觀念選擇題](https://hackmd.io/gxLYVuoiTL6JgxR-zs4qtg) | [Codepen]() | |
| Day22 | [RWD 版型、RWD 排版間距](https://hackmd.io/ZksSWAYYQ3OEx2jBGTABfQ) | [Codepen]() | |
| Day23 | [表單設計](https://hackmd.io/ToeJ26VpRGy0ly7mHA3ljA) | [Codepen]() | |
| Day24 | [jQuery toggleClass](https://hackmd.io/OlKAQiq6QjKogt6QnjRtPQ) | [Codepen]() | |
| Day25 | [下拉選單](https://hackmd.io/0AolYtKJQcOkxrxgtMJqPQ) | [Codepen]() | |
| Day26 | [錨點練習](https://hackmd.io/22plXkRORYS6hTS6bN-8tw) | [Codepen]() | |
| Day27 | [SCSS 結構、SCSS 用法](https://hackmd.io/BVn6DlE3T8uYYyNzt4WLwg) | [Codepen]() | |
| Day28 | [SCSS 排序](https://hackmd.io/OJJJ2mxDTxyQ0I0ymqbSkg) | [Codepen]() | |
| Day29 | [mixin](https://hackmd.io/whI3ah0rScOz-hQchUH0zg) | [Codepen]() | |
| Day30 | [練習使用元件](https://hackmd.io/DKgarTPATtaGUMzfRwhsdA) | [Codepen]() | |

---

- [8/7 ~ 8/18 每日任務挑戰列表](/fWE6uJr1QkusE1V0CF0iGA)

| Day | 每日任務主題 | Codepen | ✅ |
|-------|--------------------------------------|------------|-----|
| Day31 | [表單練習與 spacing 的運用](https://hackmd.io/KSMSmjNlTVWNZE6Qsa0K8A) | [Codepen]() | |
| Day32 | [元件與通用類別 I](https://hackmd.io/SQFsVLMVS-6gr1f9xmg51g) | [Codepen]() | |
| Day33 | [元件與通用類別 II](https://hackmd.io/GdhDK5ncTwSzX2FwtdYNFA) | [Codepen]() | |
| Day34 | [Modal 元件](https://hackmd.io/uaRbzRvBQ1Oowoa6syf6xA) | [Codepen]() | |
| Day35 | [網格練習](https://hackmd.io/4lQ7ZyDVQXeXN3fDXSVPDg) | [Codepen]() | |
| Day36 | [position＋transform 與 Modal 實作](https://hackmd.io/6RN8t-EfSAmEBTlLvHGIoA) | [Codepen]() | |
| Day37 | [Swiper 輪播套件介紹、第六週 Collapse 實作](https://hackmd.io/F21Sz3Y1T66d-eWKfaTsvQ) | [Codepen]() | |
| Day38 | [Swiper 跑馬燈樣式](https://hackmd.io/oOJGPo3-Q-yoOVBUs4WXZg) | [Codepen]() | |
| Day39 | [偽元素基本介紹、運用](https://hackmd.io/BDYnM7R3RECSd-GtHVkcOQ) | [Codepen]() | |
| Day40 | [偽元素運用（第六週 - 付款進度條）](https://hackmd.io/rZAvuydZSxusmIabwzGuNQ) | [Codepen]() | |

---
- [8/21 ~ 9/1 每日任務挑戰列表](/z9eDNluPRtCLyGyujzZdzw)

| Day | 每日任務主題 | Codepen | ✅ |
|--------|---------------------------------|------------|-----|
| Day41 | [Bootstrap Validation](https://hackmd.io/zjmw0cm0RE6HroEoBkaNVg) | [Codepen]() | |
| Day42 | [練習 keyframes](https://hackmd.io/bR4js8koS--NdMXa1o2bMw) | [Codepen]() | |
| Day43 | [練習 transform](https://hackmd.io/zk8dBXf9REu33Nh-2z-LHg) | [Codepen]() | |
| Day44 | [練習 background opacity](https://hackmd.io/wEtAtZmBTTmGw3mngxBtcA) | [Codepen]() | |
| Day45 | [aos + animate](https://hackmd.io/e_5E43CYTMiNUJok6UC_Jg) | [Codepen]() | |
| Day46 | [第八週首頁旋轉動畫](https://hackmd.io/2Kp6hJ1OSZuSBWvB0lifmA) | [Codepen]() | |
| Day47 | [floating label](https://hackmd.io/_-rZg-2YSYOXG0QPmwjnzQ) | [Codepen]() | |
| Day48 | [Swiper scrollbar 捲軸樣式設定](https://hackmd.io/Kr8yTbUhSvq3tfrP9mLhBA) | [Codepen]() | |
| Day49 | [FAQ 手風琴](https://hackmd.io/h6j7p7sFSqqeD1i6X5BrvQ) | [Codepen]() | |
| Day50 | [Swiper RWD](https://hackmd.io/qj-O-lWuTzS4nkc9-F5HiA) | [Codepen]() | |