---
# System prepended metadata

title: 7/13(二) 每日任務
tags: [網頁切版直播班 - 2021 夏季班]

---

---
tags: 網頁切版直播班 - 2021 夏季班
---
{%hackmd theme-dark %}
# 7/13(二) 每日任務

## 題目

請試著加上 flex 屬性讓 logo 圖片在垂直水平置中的位置，如圖：

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



HTML
```htmlembedded=
<div class="box">
    <img src="https://www.filepicker.io/api/file/tNa2so2RRMuedpc2yydt" alt="logo" width="150">
</div>
```
CSS
```css=
.box{
  background-color: #e8eeea;
  width: 300px;
  height: 300px;
}
```
## 回報流程

1. 將答案寫在 Codepen 並複製 Codepen 連結貼至「回報區」中回報就算完成了喔～解答請參考下方


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

<!-- 解答：[Codepen 範例](https://codepen.io/AliceChiang/pen/BajrEVd) -->

## Result:
**Ans: [CodePen 連結](https://codepen.io/jeffhung/pen/WNjRqyL)**