# 🏅 Day 14 - 垂直水平置中

請試著在下方程式碼 .box 中加上 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;
}

> 記得加上 ==CSS Reset==

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
https://codepen.io/hexschool/pen/GRxRKrP
-->

### 回報區

|#|Discord|CodePen / 答案|
|:----:|:----:|:----:|
| 1 | hao jing | [Codepen](https://codepen.io/hjxu/pen/QWXwmzY?editors=1100)|
| 2 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/XWLJYxy)|
| 3 | han | [Codepen](https://codepen.io/iamHanCheng/pen/oNrNVNx) |
| 4 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/ZEdYRZM?editors=1100) |
| 5 | DoryH | [Codepen](https://codepen.io/dorihung/pen/KKjweOR) |
| 6 | GAVI | [Codepen](https://codepen.io/qbafldcv-the-scripter/pen/rNEaKXo) |
| 7 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/GRbgBJr) |
| 8 | Kiwi | [Codepen](https://codepen.io/kiwi1113/pen/QWXwBwm) |
| 9 | yoishere | [Codepen](https://codepen.io/yoishere/pen/yLdyEQj) |
|10|Hailey|[Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/MWMYBwz)|
|11|tim|[Codepen](https://codepen.io/jskrtivy-the-animator/pen/abgoOme)|
|12|Matt BB|[Codepen](https://codepen.io/mm3248965/pen/XWLJBmQ)|
|13|Mike|[Codepen](https://codepen.io/mike2049/pen/zYVxLqV?editors=1100)|
| 14 | fendy1223 | [Codepen](https://codepen.io/fendy1223/pen/VwJYBjj) |
| 15 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/OJePwRx) |
| 16 | Theodore | [Codepen](https://codepen.io/GustavoFringgg/pen/dyBPjWX?editors=1100) |
| 17 | Dolce_墨 | [Codepen](https://codepen.io/DolceTseng1026/pen/XWLJBML) |
| 18 | ya_meow |[Codepen](https://codepen.io/gkfxzvcb-the-bashful/pen/oNrgMWx)|
| 19 | Jainee |[Codepen](https://codepen.io/Jainee0110/pen/poXvZYX)|
| 20 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/gONbdpj) |
| 21 | ninii傳教士 | [Codepen](https://codepen.io/niiniiii/pen/PorwdZy) |
| 22 | brucelee0629 | [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/VwJYGKQ) |
| 23 | Anna |[Codepen](https://codepen.io/Anna-Teng/pen/gONbdWQ)|
| 24 | macihuang |[Codepen](https://codepen.io/macy1215/pen/mdZyGqQ)|
| 25 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/MWMYqdp) |
| 26 | lunlun0514 | [Codepen](https://codepen.io/f5badapple/pen/ZEdYqrx) |
| 27 | chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/gONbBvP?editors=1100) |
| 28 | Kim | [Codepen](https://codepen.io/kim0101__/pen/XWLJyJG?editors=1100) |
| 29 | TONY | [Codepen](https://codepen.io/Ming-Tung-Chien/pen/yLdyQJR) |
| 28 | 爆漿 | [Codepen](https://codepen.io/dhpsxzwh-the-decoder/pen/PorwxjJ) |
| 29 | kawa | [Codepen](https://codepen.io/z83xji6/pen/qBzEQpZ) |
| 30 | hedwig | [Codepen](https://codepen.io/adirehfz-the-encoder/pen/WNqbYYY) |
| 31 | wei | [Codepen](https://codepen.io/Wei-the-sasster/pen/xxobQeE) |
| 32 | Yolanda | [Codepen](https://codepen.io/vcscqrtz-the-animator/pen/wvLBQYx) |
| 33 | 皮皮 | [Codepen](https://codepen.io/rainbow-the-reactor/pen/oNrgQRW) |
| 34 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/ZEdYVpQ) |
| 35 | 嚼勁 | [Codepen](https://codepen.io/James520284/pen/poXvqbo) |
| 36 | glen_69515 | [Codepen](https://codepen.io/glenyaochih/details/XWLJPLz)|
| 37 | kaka_945 | [Codepen](https://codepen.io/kay945/pen/ZEdYVrp)|
| 38 | Jim | [Codepen](https://codepen.io/JimChou/pen/RwzNEBq) |
| 39 | Kerwin | [Codepen](https://codepen.io/kerwin/pen/NWZPoPx) |
| 40 | Noelle | [Codepen](https://codepen.io/NoelleKH/pen/poXvGQa) |
| 41 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/ZEdYwmR) |
| 42 | KUN. | [Codepen](https://codepen.io/barry91205/pen/RwzNdZp) |
| 43 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/jOjEJmv) |
| 44 | jimmy.0706 | [Codepen](https://codepen.io/JimmyMao/pen/QWXwoaV) |
| 45 | gracechiang | [Codepen](https://codepen.io/gracechiang225/pen/yLdywZd) |
| 46 | Lobinda | [Codepen](https://codepen.io/Lobinda/pen/abgzMXN)|
| 47 | 小咪 | [Codepen](https://codepen.io/iloveu3000x/pen/poXvBWJ)|
| 48 | david1819 | [Codepen](https://codepen.io/David-Lin-the-vuer/pen/JjQowKN) |
| 49 | PoWei | [Codepen](https://codepen.io/Po-Wei-Lai/pen/wvLBZXV) |
| 50| Darius_TszYing | [Codepen](https://codepen.io/bekgnohe-the-selector/pen/GRbgLGz) |
| 51 | MY | [Codepen](https://codepen.io/ahmomoz/pen/ExBaJpv) |
| 52 |ss585801. | [Codepen](https://codepen.io/ss585801/pen/JjQoqPZ) |
| 53 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/bGPNyLB) |
| 54 | fan_fan | [Codepen](https://codepen.io/fan1102/pen/oNrgQVZ) |
| 55 | 邵 |[Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/abgzrxM)|
| 56 | KevinHuang |[Codepen](https://codepen.io/qw-huang/pen/BagyXBO)|
| 57 | 泊岸 |[Codepen](https://codepen.io/qoq77416416/pen/zYVxgQE?editors=1100)|
| 58 |OSN|[Codepen](https://codepen.io/osncodepen/pen/RwzPbQw)|
| 59 | 超立方體Andy |[Codepen](https://codepen.io/Andy-Yu-the-scripter/pen/yLdNyqO)|
| 60 | Enn |[Codepen](https://codepen.io/enntang/pen/YzoXyzy)|
| 61 | lianne._. | [Codepen](https://codepen.io/Elaina-L/pen/YzoPROQ) |
*| 62 | 喵喵| [Codepen](https://codepen.io/snow1224/pen/abgOdLW) |
| 63 | 深海 | [Codepen](https://codepen.io/KAI-SHIN-the-animator/pen/QWXbNmv) |
| 64 | 俊 | [Codepen](https://codepen.io/jun12079/pen/JjQdXBx) |
| 65 | Jack | [Codepen](https://codepen.io/kxbhixte-the-sasster/pen/NWZqNLp) |
| 66 | 黛西 | [Codepen](https://codepen.io/ChiashengLin/pen/RwzPGNx) |
| 67 | Angela_la | [Codepen](https://codepen.io/Angela-the-builder/pen/ZEdGpvW) |
| 68| emmayo| [Codepen](https://codepen.io/emmayo/pen/NWZqwYM) |
| 69| noeyo| [Codepen](https://codepen.io/Neo-oo/pen/RwzPjMp) |
| 70 | chris| [Codepen](https://codepen.io/chrischen666/pen/XWLbGXy) |
| 71 | 1457 | [Codepen](https://codepen.io/1457dys/pen/abgOxQW) |
| 72 | 小翎 |[CodePen](https://codepen.io/debbielin/pen/QWXbexe?editors=1100)|
| 73 | Aura Tao | [Codepen](https://codepen.io/AURATAO/pen/LYKpVGm) |
| 74 | xiang | [Codepen](https://codepen.io/XIANG-XIANG/pen/MWMawzO) |
| 75 | arvin | [Codepen](https://codepen.io/arvinyang1925/pen/mdZJEGM) |
| 76 | jerry_66983 | [Codepen](https://codepen.io/Barry-C/pen/vYqNypP) |
| 77 | EdHuang | [Codepen](https://codepen.io/yide1986/pen/vYqNyPo) |
| 78 | 61 | [Codepen]() |
| 79 | Yunya | [Codepen](https://codepen.io/cookie1515/pen/vYqNdKV) |
| 80 | xcx100| [Codepen](https://codepen.io/c13026/pen/WNqrxdE) |
| 81 | yaoling.liang | [Codepen](https://codepen.io/Yao-Ling-L-/pen/RwzrGNK) |
| 82 | mindful7755| [Codepen](https://codepen.io/andawu/pen/KKjVazq) |
| 83 | Steven1220 | [Codepen](https://codepen.io/Steven1220/pen/ZEdQaro) |
| 84 | 咖 | [Codepen](https://codepen.io/daru-Ga/pen/KKjdexa) |
| 85 | smallr1229 | [Codepen](https://codepen.io/Smallr/pen/RwzrYZV)
| 86 | wind | [Codepen](https://codepen.io/wind7y/pen/PorNqYa) |
| 87 | n913239 | [Codepen](https://codepen.io/n913239/pen/vYqGvmG) |
| 88 | LKP | [Codepen](https://codepen.io/qtghjujs-the-sasster/pen/yLdJOjL?editors=1100) |
| 89 | jasonlin | [Codepen](https://codepen.io/gfswkraq-the-reactor/pen/gONMvMo) |
| 90 | ho_yc | [Codepen](https://codepen.io/Ho_HYC/pen/gONMVWr) |
| 100 | 地瓜 | [Codepen](https://codepen.io/huangtzuchin/pen/bGPwGbJ) |
| 101 | skyderry | [Codepen](https://codepen.io/hvvjvkva-the-sasster/pen/OJeRyJr) |
| 102 | 雪粒 | [Codepen](https://codepen.io/bzykdfhw-the-bashful/pen/NWZRGaW) |
| 103 | Joanne hu | [Codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/gONwMwZ) |
| 104 | zen | [Codepen](https://codepen.io/zen742937/pen/KKjNPPo) |
| 105 | Chieh | [Codepen](https://codepen.io/Chieh_/pen/yLdVbyE) |
| 106 | eddiesun0526 | [Codepen](https://codepen.io/Eddie0526/pen/dyBOrQm)|
| 107 | iamcan | [Codepen](https://codepen.io/uhnxswdq-the-typescripter/pen/bGPBXRV)|
| 108 | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/WNqpmOy)|
| 109 | qet1717 | [Codepen](https://codepen.io/gwteqexi-the-bold/pen/XWLRdME) |
| 110 | Toung | [Codepen](https://codepen.io/Toung/pen/VwJbXmv) |
| 111 | Emma | [Codepen](https://codepen.io/Emma0919/pen/BagZOKr) |
| 112 | Judy | [Codepen](https://codepen.io/yangchi/pen/yLdPaPq) |
| 113| 野鴿 | [Codepen](https://codepen.io/HoshinoSyouta/pen/LYKOJBE) |
| 114 | tung | [Codepen](https://codepen.io/ru-ching/pen/JjQpBar) |
| 115 | ji3di | [Codepen](https://codepen.io/jwuuhtxh-the-builder/pen/OJevGqV) |
| 116 | OZ | [Codepen](https://codepen.io/OZ_design/pen/YzoLMbd) |
| 117 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/qBzwxwW) |
| 118 | Lotte | [Codepen](https://codepen.io/hmkdoxuj-the-decoder/pen/VwJOvPj) |
<!--
| No | Discord | [Codepen]() |
-->*