### 題目
**選擇題，一共五題，可群組討論，請在任務提交時要解釋選擇答案的原因。**

1. 請問下列何者是正確的 media query 語法？

A. @media (min-width: 600px) {...}
B. @media min-width: 600px {...} 
C. @media (min-width = 600px) {...}
D. @media min-width = 600px {...}

2. 根據以下 CSS 請問最後字呈現的顏色為什麼？

    <style>
      .color-class { color: blue; }
      #color-id { color: red; }
      div {color: yellow; }
    </style>
    
    <div id="color-id" class="color-class">Color</div>

A. 藍色
B. 紅色 
C. 黃色
D. 黑色

3. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？

    @media (min-width: 576px){
        p { color: red;}
    }
    @media (min-width: 768px){
        p { color: black; }
    }
    p { color: yellow; }

A. 紅色 
B. 黑色
C. 黃色
D. 藍色

4. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？

    p { color: yellow; }
    @media (min-width: 576px){
        p { color: red;}
    }
    @media (min-width: 768px){
        p { color: black;}
    }

A. 紅色 
B. 黑色
C. 黃色
D. 藍色

5. 針對響應式圖片的設定，應該幫 img 標籤加上什麼語法？

A. max-width:100%
B. width:100%
C. max-width: 100px
D. width: 100px

## 回報流程

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


<!-- 解答：
ABCAA
-->

回報區
---

| # | Discord | CodePen / 答案 |
|:---:|:--------------:|:---------------------------------------------------------------------------:|
| 01 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/NWEBmQL) |
| 02 | AYA | [Codepen](https://codepen.io/NoNameNote/full/RwqBOXZ) |
| 03 | eric0529 | [Codepen](https://codepen.io/delichaomoon/pen/NWEBVqE) |
| 04 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/qBQyGdq) |
| 05 | 舜仁 | [Codepen](https://codepen.io/randomno/pen/KKrBLVY) |
| 06 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/GRwBaJQ) |
| 07 | pinyi_9 | [Codepen](https://codepen.io/Wpypy/pen/RwqBmRx) |
| 08 | cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/PoxBvYR) |
| 09 | DoryH#0526 | [Codepen](https://codepen.io/dorihung/pen/JjeBqRb) |
| 10 | Moreene | [CodePen](https://codepen.io/Moreene/pen/eYQjazm) |
| 11 | ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/gOQjJbv) |
| 12 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/poQZmjm) |
| 13 | SmallP | [Codepen](https://codepen.io/smallp/pen/BaGPeQq) |
| 14 | m_m | [Codepen](https://codepen.io/minnn7716/pen/vYQawLe) |
| 15 | Yu | [Codepen](https://codepen.io/yuch3n_chen/pen/wvQxbBx?editors=1100) |
| 16 | hance__kao | [Codepen](https://codepen.io/HanceKao/pen/LYXBoPb) |
| 17 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/dyQjEOz) |
| 18 | hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/poQZmwz) |
| 19 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/jOQpowj) |
| 20 | townyuan | [Codepen](https://codepen.io/townyuan/pen/ExOpzZy) |
| 21 | runweiting | [Codepen](https://codepen.io/weiting14/pen/vYQaMoZ) |
| 22 | ning_bobo | [Codepen](https://codepen.io/ninghsu/pen/xxQJNXq) |
| 23 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/jOQpoxN) |
| 23 | xuan#0808 | [Codepen](https://codepen.io/xuan0915/pen/ExOpzRW) |
| 24 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/QWJBRKo?editors=1100) |
| 25 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/eYQjarZ?editors=1100) |
| 26 | ovo.yun | [Codepen](https://codepen.io/yun-the-scripter/pen/RwqBzNE?editors=1010) |
| 27 | Tina02 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/OJawePe?editors=1100) |
| 28 | Uli | [Codepen](https://codepen.io/uli1313/pen/MWzBMjp?editors=1000) |
| 29 | pss940909 | [Codepen](https://codepen.io/pss940909/pen/RwqBzoO) |
| 30 | Lianne._. | [Codepen](https://codepen.io/Elaina-L/pen/ExOpzBv?editors=1000) |
| 31 | dodo_6666 | [Codepen](https://codepen.io/MissDouble/pen/VwVBJzg) |
| 32 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/abQjgVK) |
| 33 | Cura | [Codepen](https://hackmd.io/eQOwKemaTGOdLJsC52DK6Qhttps://hackmd.io/eQOwKemaTGOdLJsC52DK6Q) |
| 34 | Ting.66 | [Codepen](https://codepen.io/Ting66/pen/PoxBrEw?editors=1100) |
| 35 | 狸貓 | [Codepen](https://codepen.io/tanuki320/pen/zYMLVyL) |
| 36 | awei | [Codepen](https://codepen.io/hong-wei/pen/bGQjPyg) |
| 37 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/BaGPgaX) |
| 38 | .rainielin | [Codepen](https://codepen.io/Yunchian-Lin/pen/PoxaVVM) |
| 39 | 墨墨#4571 | [Codepen](https://codepen.io/momof2e/pen/XWyBvgG) |
| 40 | Calvin | [Codepen](https://codepen.io/CalvinChang/pen/abQjeEe) |
| 41 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/ExOpXpd) |
| 42 | 依依 | [Codepen](https://codepen.io/Rita-Yang/pen/xxQJvmG?editors=1100) |
| 43 | Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/ExOpzaV) |
| 44 | Long | [Codepen](https://codepen.io/Loonng/pen/rNQZBvL) |
| 45 | ROGER | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/yLQxLBJ) |
| 46 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/KKrxKgg?editors=1100) |
| 47 | zhu.lin | [Codepen](https://codepen.io/codepenplayer/pen/BaGOBYv) |
| 48 | markchen_ | [Codepen](https://codepen.io/Mark-JJchen/pen/mdQGdGd) |
| 49 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/abQabrQ?editors=1100) |
| 50 | cyrus_li | [Codepen](https://codepen.io/likahang/pen/rNQZaYR) |
| 51 | green760223 | [Codepen](https://codepen.io/lawrence-yi-hsuan-chuang/pen/bGQxNjL) |
| 52 | yunhsinnnnnnn| [Codepen](https://codepen.io/yun___hsin/pen/VwVGLjW) |
| 53 | Eden | [Codepen](https://codepen.io/iseden/pen/YzRjvwr) |
| 54 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/zYMJGor) |
| 55 | yuyuyu#1330 | [Codepen](https://codepen.io/yuyu1215/pen/NWELGRq) |
| 56 | fanglin.y | [Codepen](https://codepen.io/flynn841028/pen/dyQqYpg) |
| 57 | yuling#1634 |[Codepen](https://codepen.io/igzdflpu/pen/jOQvbZy) |
| 58 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/yLQxeME) |
| 59 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/VwVGeBj?editors=1100) |
| 60 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/rNQZeaB) |
| 61 | murphy1665 | [Codepen](https://codepen.io/icephy/pen/jOQvqBR) |
| 62 | wind | [Codepen](https://codepen.io/wind7y/pen/vYQzGWd) |
| 63 |PayRoom | [CodePen](https://codepen.io/water38198/pen/qBQMNJL)
| 64 | JohnChien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/ExOeYeW)|
| 65 | Randy | [Codepen](https://codepen.io/landy510/pen/vYQzmqa) |
| 66 | kimlemon0720 | [Codepen](https://codepen.io/znohmess-the-builder/pen/YzROQRb) |
| 67 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/oNQPwam) |
| 68 | Johnson3669 | [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/NWELvyX) |
| 69 | Martin | [Codepen](https://codepen.io/markyourpage/pen/wvQEqZy) |
| 70 | kuanju27 | [Codepen](https://codepen.io/Eero-Chiao/pen/bGQxrOL) |
| 71 | .ztion | [Codepen](https://codepen.io/ztion/pen/RwqYrpa?editors=1100) |
| 72 | dong2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/VwVGMrM) |
| 73 | .dtou | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/XWyPeEd) |
| 74 | Cosmos | [Codepen](https://codepen.io/violet7755/pen/mdQjYQz) |
| 75 | Kimi #9564 | [Codepen](https://codepen.io/kimihu91/pen/gOQdozm)|
| 76 | .icesam | [Codepen](https://codepen.io/icesam/pen/WNYgzEr)|
| 77 | shcopy | [Codepen](https://codepen.io/shcopy/pen/eYQLrpK) |
| 78 | Renee Wang#1437 | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/QWJVxjZ) |
| 79 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/dyQqjzg?editors=1100) |
| 80 | ss30304#9213 | [Codepen](https://codepen.io/ss30304/pen/QWJVVeB) |
| 81 | marskuo | [Codepen](https://codepen.io/MarsKuo/pen/VwVGowO) |
| 82 | zona_0.0 | [Codepen](https://codepen.io/Zona-Chen/pen/ExOdxLo) |
| 83 | 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/qBQMQgQ)
| 84 | 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/WNYabqJ)|
| 85 | homer | [Codepen](https://codepen.io/Buckhorn/pen/ZEmqLpO) |
| 86 | rjjq | [Codepen](https://codepen.io/rjjq/pen/eYQPeNZ) |
| 88 | celia9182 | [Codepen](https://codepen.io/celia01/pen/vYQVpEq)|
| 89 | mm_ieat | [Codepen](https://codepen.io/MINN3/pen/yLQRpyX) |
| 90 | .manmanlai | [Codepen](https://codepen.io/kikiyang/pen/KKrGRmv?editors=1100) |
| 91 | liam9930 | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/gOQQYNz) |
| 92 | Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/LYXXVyG) |
| 93 | 阿賀#3700 | [Codepen](https://codepen.io/sungho/pen/RwqqrEW) |
| 94 | 圈圈 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/dyQQJyg) |
| 95 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/KKrrodL) |
| 96 | Robert.H | [Codepen](https://codepen.io/Robert1205/pen/mdQQKKw) |
| 97 | sindaki225| [Codepen](https://codepen.io/a8322342/pen/dyQQgwO) |
| 98 | swalok47716#7332 | [Codepen](https://codepen.io/swalok/pen/wvQQZjG) |
| 99 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/jOQXOag) |
| 100 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/ZEmVQoa) |
| 101 | .zack_P | [Codepen](https://codepen.io/Designer-PH/pen/wvQRMyM?editors=1100) |
| 102 | 墨莉 | [Codepen](https://codepen.io/hoku0306/pen/rNQoKXE) |
| 103 | ChrisSQR#3308 | [Codepen](https://codepen.io/ChrisSQR/pen/yLQZyOe) |
| 104 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/RwqvWjj) |
| 105 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/mdQvzBJ) |
| 106 | WA | [Codepen](https://codepen.io/ldddl/pen/QWJobxM) |
| 107 | vivianlu_ | [Codepen](https://codepen.io/viviannlu/pen/yLQwJPZ) |
| 108 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/JjeVjbg) |
| 109 | peggy3169 | [Codepen](https://codepen.io/peggylai/pen/rNQbwEX?editors=1000) |
| 110 | NathanJames#8120 | [Codepen](https://codepen.io/ufo060204/pen/MWzRBgr) |
|111|KC_8685|[Codepen](https://codepen.io/cathy7411/pen/ZEmgmry)|
| 112 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/rNQXgEM) |
| 113 | 阿富#0389 | [Codepen](https://codepen.io/spring40747/pen/abPoJar) |
| 114 | 阿維#2569 | [Codepen](https://codepen.io/gzzpwnbb-the-bold/pen/PoXYyOQ?editors=1100) |
| 115 | FanJJ#8061 | [Codepen](https://codepen.io/yfchenn/pen/eYQoOgE?editors=1010) |
| 116 | patrickpie| [Codepen](https://codepen.io/patrickpie/pen/NWeqVOv) |
| 117 | 雪維 | [Codepen](https://codepen.io/Shawey/pen/qBLOYbr) |
| 118 | 楓 | [Codepen](https://codepen.io/maplestartend/pen/XWGJjRK) |

- 快速複製格式：

| 0 | user | [Codepen]() |