相同樣式設定，可以嘗試統一使用一個 class 命名，整合樣式。
可以簡化程式碼、增加程式碼的可讀性以及複用性。

## 例子

<div class="profile">
  <h2>個人資料</h2>
</div>
<div class="education">
  <h2>學歷</h2>
</div>

.profile, .education {
  width: 1200px;
  margin: 0 auto;
}

.profile h2, .education h2 {
  font-size: 32px;
  line-height: 48px;
}

以此程式碼為例，
可以將 `.profile`, `.education` 統一命名為 `.container` ，
`.profile h2`, `.education h2` 可以另外命名一個 class 像是：`.title` 來設定樣式

整體可以調整為：

<div class="container">
  <h2 class="title">個人資料</h2>
</div>
<div class="container">
  <h2 class="title">學歷</h2>
</div>

.container {
  width: 1200px;
  margin: 0 auto;
}

.title {
  font-size: 32px;
  line-height: 48px;
}

### 題目
請嘗試將此 [Codepen](https://codepen.io/hexschool/pen/dymyoLw) 中相同的樣式整合。

提示：
- 各區塊都有 `width: 1200px; margin: 0 auto;` 的設定
- h2 標題的文字樣式相同
- 有兩種文字顏色，可以分別命名兩個 class 運用
- 各區塊 span 樣式相同（文字、margin）

## 回報流程

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


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

### 回報區

---

|#| Discord | CodePen / 答案 |
|--|:-------------------:|:--------------------------------------------------------------:|
| 01 | awei |[CodePen](https://codepen.io/hong-wei/pen/YzREBdN?editors=1100)|
| 02 | hebin. |[Codepen](https://codepen.io/landyhsiao776/pen/dyQZaQp)|
| 03 | Eden.C |[Codepen](https://codepen.io/iseden/pen/XWyzOyv)|
|04|Moreene|[CodePen](https://codepen.io/Moreene/pen/poQdGQq?editors=1100)|
| 05 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/oNQomVz) > 練習 `OOCSS` |
| 06 | Morning#7336 | [Codepen](https://codepen.io/sxzjnkxs-the-styleful/pen/yLQPZww) |
| 07 | billy_ti | [Codepen](https://codepen.io/Ti-Show/pen/OJaOdqQ?editors=1100) |
| 08 | 0naomi0 | [Codepen](https://codepen.io/0Naomi0/pen/GRwOzaO) |
| 09 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/GRwOzbO)
| 10 | pinyi_9 | [Codepen](https://codepen.io/Wpypy/pen/KKryJEb) |
| 11 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/XWyzGJJ) |
| 12 | cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/XWyzGWJ) |
| 13 | Calvin | [Codepen](https://codepen.io/CalvinChang/pen/QWJOYXJ) |
| 14 | m_m | [Codepen](https://codepen.io/minnn7716/pen/xxQPBbV) |
| 15 | homer | [Codepen](https://codepen.io/Buckhorn/pen/QWJOojY) |
| 16 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/poQdYyX) |
| 17 | Berlin | [Codepen](https://codepen.io/3qberlin/pen/zYMPboq) |
| 18 | Yu | [Codepen](https://codepen.io/yuch3n_chen/pen/PoxOLza?editors=1100) |
| 19 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/LYXOaLL) |
| 20 | xuan#0808 | [Codepen](https://codepen.io/xuan0915/pen/rNQYRmx?editors=1100) |
| 21 | 莉塔#8500 | [Codepen](https://codepen.io/RitaWeng/pen/GRwOemG) |
| 22 | EnptyWu |[Codepen](https://codepen.io/emptywu/pen/XWyzGgd?editors=1100)|
| 23 | kuanju27 | [Codepen](https://codepen.io/Eero-Chiao/pen/QWJOoKo) |
| 24 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/OJaOqWo) |
| 25 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/OJaOqza) |
| 26 | Tina02#2691 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/vYQWPdj?editors=1100) |
| 27 | murphy1665 | [Codepen](https://codepen.io/icephy/pen/abQVXgv?editors=1100) |
| 28 | Ann Chou#0146 | [Codepen](https://codepen.io/annchou_illu/pen/poQdYLv) |
| 29 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/yLQPwjN?editors=1100) |
| 30 | 墨墨#4571 | [Codepen](https://codepen.io/momof2e/pen/gOQXEod) |
| 31 | ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/xxQPBjd) |
| 32 | SmallP | [Codepen](https://codepen.io/smallp/pen/abQVMyB) |
| 33 | .icesam | [Codepen](https://codepen.io/icesam/pen/GRwOeXY) |
| 34 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/gOQXEdQ?editors=1100) |
| 35 | zhu.lin | [Codepen](https://codepen.io/codepenplayer/pen/eYQeXvN) |
| 36 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/BaGmbMe) |
| 37 | hance__kao | [Codepen](https://codepen.io/HanceKao/pen/MWzOxRe?editors=1100) |
| 38 | kimlemon0720 | [Codepen](https://codepen.io/znohmess-the-builder/pen/LYXOaNW) |
| 39 | Cura | [Codepen](https://codepen.io/curalin/pen/WNYXWor) |
| 40 | DoDo_6666| [Codepen](https://codepen.io/MissDouble/pen/xxQPeOW) |
| 41 | ning_bobo | [Codepen](https://codepen.io/ninghsu/pen/BaGmEQa?editors=1100) |
| 42 | yun#5213 | [Codepen](https://codepen.io/yun-the-scripter/pen/JjeOVyB?editors=1100) |
| 43 | eric0529 | [Codepen](https://codepen.io/delichaomoon/pen/XWyzQaV) |
| 44 | 依依 | [Codepen](https://codepen.io/Rita-Yang/pen/qBQVwYQ?editors=1100) |
| 45 | runweiting | [Codepen](https://codepen.io/weiting14/pen/KKryEZP) |
| 46 | Marvin | [Codepen](https://codepen.io/chi-Wu/pen/wvQPZvw) |
| 47 | Vic_liou | [Codepen](https://codepen.io/allenliou-java/pen/QWJOPYv) |
| 48 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/VwVrNNo?editors=1100) |
| 49 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/wvQPZEW) |
| 50 | Ting.66 | [Codepen](https://codepen.io/Ting66/pen/mdQqYbe?editors=1100) |
| 51 | .dtou | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/yLQPWJE?editors=1100) |
| 52 | liam9930 | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/XWyzwmy) |
| 53 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/jOQaoMZ) |
| 54 | PayRoom | [Codepen](https://codepen.io/water38198/pen/RwqjmpR) |
| 55 | 阿沁#8176 | [Codepen](https://codepen.io/a8322342/pen/OJaOYgg) |
| 55 | Aritan#1931 | [Codepen](https://codepen.io/Aritan/pen/mdQqYGm?editors=1100) |
| 57 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/KKryLXe) |
| 58 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/KKryLOJ) |
| 59 | Long | [Codepen](https://codepen.io/Loonng/pen/BaGmgLO) |
| 60 | 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/OJaOeVZ) |
| 61 | 狸貓#5863 | [Codepen](https://codepen.io/tanuki320/pen/XWyzLzK) |
| 62 | 阿富#0389 | [Codepen](https://codepen.io/spring40747/pen/QWJOXWz?editors=1100) |
| 63 | townyuan | [Codepen](https://codepen.io/townyuan/pen/PoxOrLL) |
| 64 | vivianlu_ | [Codepen](https://codepen.io/viviannlu/pen/MWzOLNM?editors=1100) |
| 65 | Uli | [Codepen](https://codepen.io/uli1313/pen/dyQZxyj) |
| 66 | Cosmos#9210 | [Codepen](https://codepen.io/violet7755/pen/mdQqNdv) |
| 67 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/vYQWoWw?editors=1100) |
| 68 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/gOQXVdp?editors=1100) |
| 69 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/qBQpWNe) |
| 70 | mm_ieat | [Codepen](https://codepen.io/MINN3/pen/qBQpWae) |
| 71 | yuyuyu#1330 | [Codepen](https://codepen.io/yuyu1215/pen/poQpoxJ) |
| 72 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/NWEXPzR?editors=1100) |
| 73 | shcopy | [Codepen](https://codepen.io/shcopy/pen/yLQpyWp) |
| 74 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/BaGJojV?editors=1100) |
| 75 | 棠棠 | [Codepen](https://codepen.io/bobo52400/pen/mdQpeXK) |
| 76 | .manmanlai | [Codepen](https://codepen.io/kikiyang/pen/NWEwpVg?editors=0100) |
| 77 | yuling#1634 | [Codepen](https://codepen.io/igzdflpu/pen/BaGJavE)|
| 78 | wind | [Codepen](https://codepen.io/wind7y/pen/yLQpeyJ) |
| 79 | ga771058 | [Codepen](https://codepen.io/ppzigmtg-the-typescripter/pen/xxQpZdj) |
| 80 | rjjq | [Codepen](https://codepen.io/rjjq/pen/VwVyeYB) |
| 81 | shuuu | [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/LYXeGgq) |
| 82 | johnchien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/vYQpLYV) |
| 83 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/ExOoPre?editors=1100) |
| 84 | fanglin.y | [Codepen](https://codepen.io/flynn841028/pen/poQpgmW) |
| 85 | zona_0.0 | [Codepen](https://codepen.io/Zona-Chen/details/MWzryaG) |
| 86 | Qi-Hua | [Codepen](https://codepen.io/emily40830/pen/RwqxRLQ)|
| 87 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/WNYdpBp?editors=1100)|
| 88 | Lesly#1279 | [Codepen](https://codepen.io/LeslyChang/pen/vYQpgaR) |
| 89 | Randy | [Codepen](https://codepen.io/landy510/pen/JjeMJGX?editors=1100) |
| 90 | 慈玲#8986 | [Codepen](https://codepen.io/vseznpoh-the-flexboxer/pen/wvQpePQ)|
| 91 | 阿榮#8277 | [Codepen](https://codepen.io/codeitaday/pen/gOQoRRz?editors=1100) |
| 92 | 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/mdQqpEY) |
| 93 | ss30304#9213 | [Codepen](https://codepen.io/ss30304/pen/JjeMJmJ) |
| 94 | Robert.H | [Codepen](https://codepen.io/Robert1205/pen/XWyVazz) |
| 95 | Martin | [Codepen](https://codepen.io/markyourpage/pen/RwqxZqX) |
| 96 | MKL | [Codepen](https://codepen.io/Code-My/pen/oNQpGNR)|
| 97 | markchen_ | [Codepen](https://codepen.io/Mark-JJchen/pen/dyQZeVr?editors=1100)|
| 98 | KuoMin | [Codepen](https://codepen.io/KuoMin/pen/vYQppKQ)|
| 99 | WA | [Codepen](https://codepen.io/ldddl/pen/ExOoQGq)|
| 100 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/XWyVZwL)|
| 101 | ROGER | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/KKrZoaE) |
| 102 | hsuhsusophie | [Codepen](https://codepen.io/hsuhsusophie/pen/WNYdymJ?editors=1100) |
| 103 | Johnson3669 | [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/qBQpYJJ) |
| 104| ivy999 | [Codepen](https://codepen.io/ivy999/pen/bGQajjz) |
| 105 | yuchou#5749 | [Codepen](https://codepen.io/yu-chou/pen/NWEXBem) |
| 106 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/xxQpzOM) |
| 107 | Kimi #9564 | [Codepen](https://codepen.io/kimihu91/pen/GRwyVVR) |
| 108 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/bGQLVmO) |
| 109 | 阿賀#3700 | [Codepen](https://codepen.io/sungho/pen/gOQvLMa) |
| 110 | .ztion | [Codepen](https://codepen.io/ztion/pen/mdQXxox?editors=1100) |
| 111 | Celine#6773 | [Codepen](https://codepen.io/celinephoebe/pen/MWzQGoy) |
| 112 | marskuo | [Codepen](https://codepen.io/MarsKuo/pen/ZEmrorB) |
| 113 | NathanJames#8120 | [Codepen](https://codepen.io/ufo060204/pen/YzReLLJ) |
| 114 | bbbear#7545 | [Codepen](https://codepen.io/Bearice/pen/bGQvNGO?editors=1100) |
| 115 | green760223 | [Codepen](https://codepen.io/lawrence-yi-hsuan-chuang/pen/OJaOqQr) |
| 116 | Renee Wang#1437 | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/ZEmxBJv) |
| 117 | peggy#3169 | [Codepen](https://codepen.io/peggylai/pen/ZEmxBXv?editors=1100) |
| 118 | stoos_1369 | [Codepen](https://codepen.io/Stooss/pen/abQYLOq?editors=1100)
| 119 | +7 | [Codepen](https://codepen.io/tojibom/pen/LYXdmYx) |
| 120 | 舜仁 | [Codepen](https://codepen.io/randomno/pen/rNQdKPr) |
| 121 | FanJJ#8061 | [Codepen](https://codepen.io/yfchenn/pen/ZEmxVMO?editors=1100) |
| 122 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/PoxRvPr) |
| 123 | ryanchiang_ | [Codepen](https://codepen.io/ryanchiang/pen/mdQLeLR) |
| 124 | lishuan | [Codepen](https://codepen.io/lishuan/pen/WNYJpZm?editors=1100) |
| 125 | Eason#7884 | [Codepen](https://codepen.io/ASLEO/pen/OJaZYjK) |
| 126 | MaciHuang#8798 | [Codepen](https://codepen.io/macy1215/pen/abQKZjx) |
| 127 | dong2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/NWEzdwg) |
| 128 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/MWzGOmB) |
| 129 | cyrus_li | [Codepen](https://codepen.io/likahang/pen/XWyBPMG) |
| 130 | jhen_ye | [Codepen](https://codepen.io/su-jhen/pen/xxQJQeM) |
| 131 | Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/YzROzVB) |
| 132 | celia9182 | [Codepen](https://codepen.io/celia01/pen/JjemjRO) |
| 133 | .zack_p | [Codepen](https://codepen.io/Designer-PH/pen/jOQvNxN?editors=1100) |
| 134 | 阿維#2569 | [Codepen](https://codepen.io/iijojpli-the-looper/pen/ExOdGvd?editors=1100) |
| 135 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/abQQpBp) |
| 136 | 圈圈 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/bGQQYZb) |
| 137 | swalok47716#7332 | [Codepen](https://codepen.io/swalok/pen/VwVVqwE) |
| 138 | albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/vYQPqmK) |
| 139 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/YzRgoRN) |
| 140 | JimmyChang | [Codepen](https://codepen.io/JimmyChangWenChi/pen/Rwqmvvd) |
|141|KC_8685|[Codepen](https://codepen.io/cathy7411/pen/JjegeGM)|
|142|ChrisSQR|[Codepen](https://codepen.io/ChrisSQR/pen/gOZmqQW)|
|143|Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/vYvpaNV?editors=1100)|
|144|楓|[Codepen](https://codepen.io/maplestartend/pen/vYPYrdY)|

---

- 快速複製格式：

| 0 | user | [Codepen]() |