---
# System prepended metadata

title: "\U0001F3C5 Day 29"
tags: [網頁切版直播班 - 2022 夏季班]

---

---
tags: 網頁切版直播班 - 2022 夏季班
---
# 🏅 Day 29

## SCSS 排序

### 題目

在 all.scss 檔中，載入的檔案順序正確是非常重要的事，請回覆下方的順序需要怎麼修改，以及原因

```sass=
@import "layout"
@import "reset"
@import "variable"
```

## 回報流程

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

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

<!-- 解答：
```
@import "variable"
@import "reset"
@import "layout"
```  
-->


回報區
---


|      Discord      |                           CodePen / 答案                            |
|:-----------------:|:-------------------------------------------------------------------:|
|   CloThEs#7837    |         [Codepen](https://codepen.io/CloThEsZ/pen/qBoomjx)          |
|  Clara Cai#7097   |        [Codepen](https://codepen.io/Clara-Snowy/pen/vYRdQbX)        |
|    布魯諾#7239    |         [Codepen](https://codepen.io/bruno-yu/pen/RwMMVQE)          |
|     大衛#4869     |         [Codepen](https://codepen.io/exnsrpjc/pen/YzaaVYJ)          |
|   LinaChen#1796   |         [Codepen](https://codepen.io/LinaChen/pen/YzaaVaR)          |
|    Clara#1275     |         [Codepen](https://codepen.io/bsupixqu/pen/bGvvWmd)          |
|   Jenny真#7532    | [CodePen](https://codepen.io/wei-chen-wu/pen/GRxxmeV?editors=1010)  |
| bonnieli1414#4906 | [CodePen](https://codepen.io/bonnieli1414/pen/wvmmdbK?editors=0110) |
|   WEI_RIO#9342    |    [codePen](https://codepen.io/wei_wu/pen/OJvvmeP?editors=0100)    |
|    黃士桓#7654    |      [codePen](https://codepen.io/shr-huan-huang/pen/LYddLPX)       |
|   Chi#7605       |          [Codepen](https://codepen.io/YoChi84/pen/BarrRXo)          |
|   𝓛𝓊𝒸𝓎#8635       |          [Codepen](https://codepen.io/lucygirl/pen/XWEEgJE)          |
|zera#6060|[codePen](https://codepen.io/zera-tseng/pen/rNddwVJ)|
|Hsiu#8767|[codePen](https://codepen.io/amy-hsiu/pen/WNzzOQo)|
| 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/xxWWrVy) |
| 咻蹦#1526 | [CodePen](https://codepen.io/emmasyu/pen/abYYwNa?editors=0100) |
| Yuna Huang#2692 | [CodePen](https://codepen.io/Yuna1002/pen/RwMMgKw) |
| PeggyLiao#1552| [CodePen](https://codepen.io/PeiJu-Liao/pen/mdxxwWJ)|
|Fang #4680|[Codepen](https://codepen.io/std95174/pen/ZExxyyo)|
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/YzaaQLX)|
| Amberhh #2465 | [Codepen](https://codepen.io/Amberhh/pen/mdxxwXV)|
| LHchien33#6232 | [Codepen](https://codepen.io/lin_chien/pen/GRxxEyZ)|
| JarDar#6980 |[codepen](https://codepen.io/jardarpen/pen/GRxxEQZ)|
|阿翰 #1984|[codepen](https://codepen.io/JohnHan05/pen/MWVVoxq)|
|小諾 #1866|[codepen](https://codepen.io/noichan/pen/gOeexaR)|
|威0#6919|[codepen](https://codepen.io/n0918679182/pen/vYRRJGg?editors=0100)|
| Iris Huang#6727 | [CodePen](https://codepen.io/ythuang/pen/wvmmqPX) |
|Joyce#3790|[CodePen](https://codepen.io/joycehuang/pen/PoRRKER?editors=0110)|
| azami#5986 |[CodePen](https://codepen.io/azami/pen/mdxxMvx)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/mdxxBVG)|
|洋蔥#5295|[Codepen](https://codepen.io/HSUNA/pen/ZExxXrL)|
|QOO#8446|[Codepen](https://codepen.io/QOOQOOQ/pen/LYddeNG?editors=1100)|
|Henry#7386|[Codepen](https://codepen.io/h1nr9/pen/oNqqoJN)|
|IreneY #0086|[Codepen](https://codepen.io/HalfPlannedJourney/pen/JjLLOmQ)|
|ajhappy#6488|[Codepen](https://codepen.io/ajhappy5438/pen/NWYYXRM)|
|yuyu#6310|[Codepen](https://codepen.io/yuyu0905/pen/RwMMxJj)|
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/NWYYXoo) |
| YI#0863 | [CodePen](https://codepen.io/YI0305/pen/MWVVVgv?editors=1100) |
| Yunei#6323 | [CodePen](https://codepen.io/Yunei/pen/PoRRaNx) |
| RayChen#6088 | [CodePen](https://codepen.io/raychen1996/pen/XWEEYXj) |
| 楓之聲#6945 | [Codepen](https://codepen.io/sshane258/pen/bGvvKgP) |
|Sentiments#4883|[codepen](https://codepen.io/Sentiments/pen/GRxxBpK)
|鉦勝 #8333|[codepen](https://codepen.io/atckmax823/pen/oNqqMqK)
 |yu魚#1330   |  [CodePen](https://codepen.io/Yu_yu/pen/zYWWJQq)| 
 |ssozr#4680 |[codepen](https://codepen.io/ssozr/pen/jOzzQmw)|
 |    YU #0618    |[CodePen](https://codepen.io/yoken_/pen/MWVVzvQ)       |
 |JackC#0411 |[codepen](https://codepen.io/key0329/pen/vYRRvBK)|
 | Yuan962#5897 | [Codepen](https://codepen.io/Jasmine-Liao/pen/MWVVZmx)|
 |SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/NWYYoPJ)|
 |Potatolee#7749|[Codepen]( https://codepen.io/potatoleee/pen/Barrbwz)|
| christina#6185 |[Codepen](https://codepen.io/chrisc0210/pen/Yzaamdx)
| Melon#0380 |[Codepen](https://codepen.io/BalaFang/pen/XWEqrRN)
| NeilLin#3009 |[Codepen](https://codepen.io/a0071421/pen/ZExoYOV)
| Shuo#1596 |[Codepen](https://codepen.io/chiangchungshuo/pen/xxWjbBO)
|家洋#6999|[Codepen](https://codepen.io/aa235553756/pen/LYdmpVg)|
|suihsilan#9485|[Codepen](https://codepen.io/suihsilan/pen/ZExobPj)|
|aki|[codepen](https://codepen.io/aki168/pen/JjLvGgb)|
｜sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/zYWjBJm)
| 我是泇吟 #5189 | [CodePen](https://codepen.io/kljuqbxs/pen/JjLvRjg) |
| kevin8349 #6131 | [CodePen](https://codepen.io/kun8349/pen/VwXxXMN) |
| mei#8421 | [CodePen](https://codepen.io/Shila-Chen/pen/qBoYoGG) |
| 阿蘇#8531 | [CodePen](https://codepen.io/susu3131/pen/jOzxpGy) |
| 艾芮絲#6060 | [CodePen](https://codepen.io/wangyingju/pen/ExELpGd) |
|hungya#0773|[Codepen](https://codepen.io/hungya777/pen/ExELebq)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/bGvKeRV)|
|Cream#3449|[Codepen](https://codepen.io/frxdwbbi-the-sasster/pen/jOzKaxV)|
|Ryan Chiang#6649|[Codepen](https://codepen.io/ryanchiang/pen/ExEEdwX)|
|Mylène#2481|[Codepen](https://codepen.io/hamajibashi/pen/PoRepeO)|
|紙飛機 #1335|[Codepen](https://codepen.io/paperplanea/pen/qBoKvMM)|
|Jamie Wu#9345|[Codepen](https://codepen.io/Wu220103/pen/mdxjJPw)|
|Nini Chen#5790|[Codepen](https://codepen.io/ninistyle/pen/XWEBmjM)|
| Barret#1119 | [CodePen](https://codepen.io/barret0720/pen/vYRaaXr)|
| Tori#1248 | [CodePen](https://codepen.io/FlyTori/pen/poLOjoM)|
|Tuhacrt#0008|[CodePen](https://codepen.io/Tuhacrt/pen/MWVqXpP)|
|Pony#6778|[Codepen](https://codepen.io/Pony0303/pen/eYMLXBN)|
|狸貓#5863|[Codepen](https://codepen.io/tanuki320/pen/yLKRLLW)|
|choubree#4350|[Codepen](https://codepen.io/BreeChou/pen/MWVPBpN)|
|kancheng#3915|[Codepen](https://codepen.io/kancheng/pen/KKorJXX)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/vYRvpra)|
|郭芙蘭#6374|[Codepen](https://codepen.io/flora_Kuo/pen/gOeqYPJ)|
|Gui#9571|[CodePen](https://codepen.io/guitimliu/pen/qBogqxJ)|
|Deborah#0033|[CodePen](https://codepen.io/deborah-tsai/pen/poLGXNp)|
|jin.huang#4666|[CodePen](https://codepen.io/haha1196/pen/ExEzRmP)|
|NathanJames#8120|[CodePen](https://codepen.io/ufo060204/pen/XWqmPOX)|