---
# System prepended metadata

title: 檢核點 - 第二週
tags: [網頁切版直播班 - 2021 夏季班]

---

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

# 檢核點 - 第二週

**重點觀念：**
1. Flex 運用上是否正確
2. 背景圖片

**回覆參考：**
```
flex 運用的很好喔，作業沒問題，恭喜過關！
```
---

建議：

* 第一週有關於語意、class 命名、容器的結構設計
* 表頭 Banner 的其中一種作法為寫死高度，並用 flex 將中間內容垂直置中，要留意是否完全沒有用水平垂直置中技巧，而單純用 margin 與 padding 來硬推
* 是否有善用 ul li 結構，例如 other  workers
* 背景圖可以設定 background-size: cover; 讓圖片覆蓋整個區塊，目前在較寬的螢幕上是沒有滿版的
* 背景圖可以設定 background-position: center center; 讓圖可以呈現中間的區塊
* Other Works 內容可以分成三塊 ul li（好處是一排可以看成是一個種類，而且也可以整排往下設 margin-bottom）
* 使用 ul li 結構
    ![](https://i.imgur.com/DI0LuEv.png)
* 使用 p 標籤
    ![](https://i.imgur.com/hmtSRqQ.png)

助教新增建議：

* 