---
# System prepended metadata

title: 軟體工程師體驗營 南33組 –- 第 2 週討論區

---

# 軟體工程師體驗營 南33組 ---第二週小組任務
使用 Discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交（依據當周條件提交）**。回報內容需含：
    1. 該問題集的答案
    2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
    3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。

###### tags: `2024 軟體工程師體驗營` `體驗營` `六角學院`

| 組員名單         | 簽到 |
| --------------- |:----:|
| jess_071        |  :heavy_check_mark:   |
| zhanmushi_89335 |  :heavy_check_mark:   |
| joey_chou997    |     |
| haishiou        |  :heavy_check_mark:   |
| tommy3100       |     |
| apupa3791       |     |
| yichengchang    |     |
| sasa9527        |     |
| jc_coding       |     |
| weiwei_cord     | :heavy_check_mark:    |


**常見問題：**
Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以


## 問題

### 第一題：共同提交[切版任務作業一 - 個人品牌網站 - 開發經驗卡片設計](https://rpg.hexschool.com/#/training/12062289980032551059/board/content/12062289980032551060_12062289980032551075)
1. 大家約時間線上 discord、Google meet 討論， 1hr 分享彼此做的方式
2. 提交任務後，在你的[小組](https://rpg.hexschool.com/#/training/12062289980032551059/board/content/12062289980032551061_12062289980032551077)E 欄勾 v，下週來 pk 看哪個小組多

### 第二題 Flex 精神時光屋(選做)
觀看 [Flex 影音](https://courses.hexschool.com/courses/2484395/lectures/52651237)，與組員們一起完成 [10 題 Flex 題目](https://courses.hexschool.com/courses/2484395/lectures/52651242)。
完成後可以參考[檢核點](https://courses.hexschool.com/courses/2484395/lectures/52651244)來修正常見問題。
Flex精神時光屋-設計稿：[Figma連結](https://www.figma.com/file/F8DEsm2VfyCdq5owneN4MW/HTML)

### 小組討論
- 使用 discord 討論串討論本周問題點
- 使用 discord 語音討論 
 ![測試](https://lh3.googleusercontent.com/u/0/drive-viewer/AKGpihbdc3-m-xyaIGGRG2r2HO2C3nIbDTdC7JvrCgP1a2eJ8z2OK02s4OOxPulroxj_BGKKGsj4441kIif1dqGOfZOtUDhJwKnt=w938-h953)


# Flex 修煉時光屋 分享

## Hailey — 2024/05/09 21:40

### 並排卡片
[01 並排卡片](https://codepen.io/sxbokfja-the-flexboxer/pen/QWPPxpx)

### 雙欄排版
[02 雙欄排版](https://codepen.io/sxbokfja-the-flexboxer/pen/oNOOywb)

### 雙欄選單設計
[03 雙欄選單設計](https://codepen.io/sxbokfja-the-flexboxer/pen/RwOOJZp)

### 表頭表尾設計
[04 表頭表尾設計](https://codepen.io/sxbokfja-the-flexboxer/pen/oNORgBQ)

### 常見三種排版
[05 常見三種排版](https://codepen.io/sxbokfja-the-flexboxer/pen/eYoaNLa)

### 圖文並排
[06 圖文並排](https://codepen.io/sxbokfja-the-flexboxer/pen/ExJqgbX)

### 首頁橫幅排版
[07 首頁橫幅排版](https://codepen.io/sxbokfja-the-flexboxer/pen/ZEZgBNq)

### 圖文並排設計
[08 圖文並排設計](https://codepen.io/sxbokfja-the-flexboxer/pen/gOyVgPW)

### 訂單明細
[09 訂單明細](https://codepen.io/sxbokfja-the-flexboxer/pen/xxevPzZ)

### 產品列表
[10 產品列表](https://codepen.io/sxbokfja-the-flexboxer/pen/jORgZmB)

以上，供大家參考討論

## 詹姆士 — 2024/05/11 20:33

### Flex 修煉時光屋
[Flex 修煉時光屋 1](https://codepen.io/z111048/pen/LYoEGxG)
[Flex 修煉時光屋 2](https://codepen.io/z111048/pen/KKLwVaG)
[Flex 修煉時光屋 3](https://codepen.io/z111048/pen/YzbPwZN)
[Flex 修煉時光屋 4](https://codepen.io/z111048/pen/WNBbrpK)
[Flex 修煉時光屋 5](https://codepen.io/z111048/pen/XWwJXMv)
[Flex 修煉時光屋 6](https://codepen.io/z111048/pen/oNRgbWL)
[Flex 修煉時光屋 7](https://codepen.io/z111048/pen/vYwELmx)
[Flex 修煉時光屋 8](https://codepen.io/z111048/pen/QWRwyvV)
[Flex 修煉時光屋 9](https://codepen.io/z111048/pen/MWdYKmx)
[Flex 修煉時光屋 10](https://codepen.io/z111048/pen/abrzdwz)

## WEIWEI — 2024/05/11 20:47

### Flex 修煉時光屋，歡迎參考討論
[01](https://codepen.io/weiwei93/pen/jOoEWaQ)
[02](https://codepen.io/weiwei93/pen/YzbPwYV)
[03](https://codepen.io/weiwei93/pen/gOJbPoo)
[04](https://codepen.io/weiwei93/pen/WNBbrda)
[05](https://codepen.io/weiwei93/pen/rNgaxJB)
[06](https://codepen.io/weiwei93/pen/abrzdqv)
[07](https://codepen.io/weiwei93/pen/dyEPGdN)
[08](https://codepen.io/weiwei93/pen/OJYPMQv)
[09](https://codepen.io/weiwei93/pen/bGyNELj)
[10](https://codepen.io/weiwei93/pen/ExzaPEj)

## JESS — 2024/05/13 08:39
### 也寫完了～ Flex 修練時光屋🚀
[01](https://codepen.io/-8412/pen/dyEPbLQ)
[02](https://codepen.io/-8412/pen/pomvowd)
[03](https://codepen.io/-8412/pen/mdYyyYx)
[04](https://codepen.io/-8412/pen/xxNbweo)
[05](https://codepen.io/-8412/pen/OJYPNBK)
[06](https://codepen.io/-8412/pen/dyEPpXM)
[07](https://codepen.io/-8412/details/Exzampw)
[08](https://codepen.io/-8412/pen/MWdYoWm)
[09](https://codepen.io/-8412/pen/gOJbxrW)
[10](https://codepen.io/-8412/pen/wvbBqZY)

# 問題與答案

## 問題 任務一標籤html設計
**答**：可以使用 `ul` `li` 標籤

## 問題 第十題的焦糖甜甜圈和價錢有個border線，你們也是用border: 1px嗎
**答**：我是使用-1px處理，其實也可以使用none


## 問題 有人知道 逗點 還有 設計的價值下面的標示 怎麼加上嗎
**答**：絕對定位

## 問題 Flex時光屋第八題Letter 3% 意思?
**答**：Figma Copy
```css
font-family: Helvetica Neue;
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.03em;
text-align: left;
```




