---
# System prepended metadata

title: 第8週小組任務 - 切版班 12 組
tags: [網頁切版直播班 - 2022 夏季班]

---

---
tags: 網頁切版直播班 - 2022 夏季班
---

# 第8週小組任務 - 切版班 12 組
> 討論日期及時間 > 2022/08/27 20:30-22:00
> 
**組員參與名單(6/10)：**
* christina#6185
* yuyu#6310
* hungya#0773
* yichih#6223
* Winnie Wu#5468
* DoraHuang#8223

---
## 問題

### 任務一：互相感謝這八週您的組員的相互協助，分享組員或自己想要達到幾 % 完成率？最後衝刺繼續加油！

答：

> LV2(80、100%獎品門檻)：至少做兩頁含 RWD，其中一頁必須為首頁

![](https://i.imgur.com/5LqDtYU.png)
![](https://i.imgur.com/gYB62Hd.png)



---

### 任務二：請每個小組討論成員，挑選其中此[連結](https://www.notion.so/Sass-17a0ac1fc2bb450bb31e27c3a35ad6e0)的 SCSS 結構來進行討論其優缺點

答：
![](https://i.imgur.com/BC2fF09.png)
![](https://i.imgur.com/P8Hueev.png)



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

一個人能力有限，八個人團結力量大，彼此討論該版型如何攻略，才能發揮團隊最強力量，攻破最終 BOSS

答：
![](https://i.imgur.com/95yIpyp.png)

![](https://i.imgur.com/M2bn90Q.jpg)
> 像這個可以用套件swiper 但下面的點點要改成正方形



---


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

![](https://i.imgur.com/H1PemE7.png)
![](https://i.imgur.com/W3QRzRU.png)
> [瀑布流(Bootstrap and Masonry)](https://getbootstrap.com/docs/5.0/examples/masonry/)
```
// CDN 
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<!-- or -->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>

//Package managers
Install with Bower:  bower install masonry --save

Install with npm:  npm install masonry-layout


```
---

> 謝謝今天有參與的同學們！
> (畢業快樂，有要趕專題的也加油)  :100: 
<iframe src="https://giphy.com/embed/UvVxNZEziZY4AhOs7A" width="480" height="260" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/snl-saturday-night-live-season-44-UvVxNZEziZY4AhOs7A"></a></p>