---
# System prepended metadata

title: 南5組-第三週小組任務

---

**組員參與名單( 11/ 11)：**

 - [x] Jennifer Chuang
 - [x] 希月
 - [ ] Alston#3055
 - [ ] anni945
 - [x] runweiting
 - [x] LM#9837 min-L
 - [x] yuchou#5749
 - [ ] Trista Chiu#3719
 - [x] Sonia Wu#7154
 - [ ] 如癡
 - [ ] mina_iilife

任務一：請組員們在線上討論，不看老師範例程式碼，從無到有做出 no.8 題目，並提供 codepen 檢視
---

### 組員分享
| 組員         | Codepen |
|:------------ | ---- |
| Sonia Wu | [Codepen](https://codepen.io/YUJOU/pen/OJaoYzw?editors=1100) |

任務二：IT 邦偵探遊戲
---
1. 這網站總共有幾個斷點？
992px、767px、340px
2. 請描述這網站在 iPad、Mobile 上做了哪些巧思？請提供五處，並附圖
1.在992px以下：.rightside會隱藏
2.在767px以下：
首頁：tag變滿版
登入/註冊頁：的.navbar-header變漢堡選單、.navbar-collapse寬度變窄
3.在340px以下：登入/註冊的放大鏡不見

| Sonia Wu | 
![image alt](https://cdn.discordapp.com/attachments/1126342616523472916/1134112979760189440/image.png)

任務三：討論第三週版型該怎麼做
---

### 組員分享

| Sonia Wu |
https://yujouwu.github.io/week3/
![image alt](https://cdn.discordapp.com/attachments/1126342616523472916/1134114313481756722/image.png)

任務四：觀看 Vite 影音課程
---
| 組員 | Git-Pages |
| ----------- | ---- |
| 希月 | [Git-Pages](https://9001mina.github.io/viteWebsite2/)|
| Sonia Wu | [Git-Pages](https://yujouwu.github.io/viteTest/)|
| runweiting | [Git-Pages](https://runweiting.github.io/2023-WLT-viteWebsite/)|

討論截圖
---
![](https://cdn.discordapp.com/attachments/1126342616523472916/1134115835611447296/2023-07-27_9.30.06.png)