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

## 題目

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


HTML

<div class="box">
    <img src="https://www.filepicker.io/api/file/tNa2so2RRMuedpc2yydt" alt="logo" width="150">
</div>

CSS

.box{
  background-color: #e8eeea;
  width: 300px;
  height: 300px;
}

## 回報流程

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


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

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