---
# System prepended metadata

title: "\U0001F3C5 Day 28 - SCSS 排序"
tags: [網頁切版直播班 - 2024 夏季班]

---

# 🏅 Day 28 - 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 / 答案 |
|:---:|:-------:|:--------------:|
| 01 | Jainee | [ Codepen ](https://codepen.io/Jainee0110/pen/NWZRYKJ)    |
| 02 | han | [Codepen](https://codepen.io/iamHanCheng/pen/VwJPgbw) |
| 03 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/XWLpOzy)  |
| 04 | n913239 | [Codepen](https://codepen.io/n913239/pen/mdZRvqP) |
| 05 | 邵 | [Codepn](https://codepen.io/ukscrlno-the-typescripter/pen/VwJPgMY)|
| 06 | Hailey | [Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/BagpMrR)|
| 07 | yoishere | [Codepen](https://codepen.io/yoishere/pen/jOjydLa)|
| 08 | tim | [Codepen](https://codepen.io/jskrtivy-the-animator/pen/abgoOme)|
| 09 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/PorWVMK?editors=1100)|
| 10 | Kerwin | [Codepen](https://codepen.io/kerwin/pen/qBzRged) |
| 11 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/XWLpGeb) |
| 12 | fendy1223 | [Codepen](https://codepen.io/fendy1223/pen/poXRGqZ) |
| 13 | Kiwi | [Codepen](https://codepen.io/kiwi1113/pen/zYVNbbK) |
| 14 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/dyBNLPd) |
| 15 | lunlun0514 | [Codepen](https://codepen.io/f5badapple/pen/eYwgoJd) |
| 16 | Dolce_墨 | [Codepen](https://dolcetseng.github.io/vite-training/28.html) 
| 17 | 泊岸 | [Codepen](https://codepen.io/qoq77416416/pen/OJeWeLx) |
| 18 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/XWLpLEm) |
| 19 | wind | [Codepen](https://codepen.io/wind7y/pen/OJeWKxe) |
| 20 | Jim | [Codepen](https://codepen.io/JimChou/pen/YzoZzPp) |
| 21 | gavi | [Codepen](https://codepen.io/qbafldcv-the-scripter/pen/GRbWJWp) |
| 22 | MY | [Codepen](https://codepen.io/ahmomoz/pen/BagWNYW) |
| 23 | 俊 | [Codepen](https://codepen.io/jun12079/pen/zYVZNRG) |
| 24 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/WNqpOxy) |
| 25 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/eYwvGVj) |
| 26 | Mike | [Codepen](https://codepen.io/mike2049/pen/bGPqLog) |
| 27 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/rNEyddB) |
| 28 | haojing | [Codepen](https://codepen.io/hjxu/pen/BagWrEq) |
| 29 | ya_meow |[Codepen](https://codepen.io/gkfxzvcb-the-bashful/pen/bGPqMjG)|
| 30 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/ExBWOYz) |
| 31 | yaoling.liang | [Codepen](https://codepen.io/Yao-Ling-L-/pen/gONmZBy) |
| 32 | Theodore0802 | [Codepen](https://codepen.io/GustavoFringgg/pen/RwzpdqL) |
| 33 | jimmy.0706 | [Codepen](https://codepen.io/JimmyMao/pen/QWXpMJN) |
| 34 | 嚼勁先生 | [Codepen](https://codepen.io/James520284/pen/PorjmYL) |
| 35 | xcx100 | [Codepen](https://codepen.io/c13026/pen/ZEdyovE) |
| 36 | EdHuang | [Codepen](https://codepen.io/yide1986/pen/zYVzjLB) |
| 37 | DoryH | [Codepen](https://codepen.io/dorihung/pen/bGPRmZp) |
| 38 | glen_69515 | [Codepen](https://codepen.io/glenyaochih/pen/yLdXwxq)|
| 39 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/vYqZbZQ)|
| 40 | Toung | [Codepen](https://codepen.io/Toung/pen/WNqEqew)
| 41 | emmayo | [Codepen](https://codepen.io/emmayo/pen/ExBwEjo)
| 42 | Emma | [Codepen](https://codepen.io/Emma0919/pen/yLdzxJE) |
| 43 | jerry_66983 | [Codepen](https://codepen.io/Barry-C/pen/wvLPYyY) |
| 44 | Joanne hu | [Codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/JjQMBpM) |
| 45 | 野鴿 | [Codepen](https://codepen.io/HoshinoSyouta/pen/rNEJYVV) |
| 46 | Enn | [Codepen](https://codepen.io/enntang/pen/gONegVq) |
| 47 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/YzoaMWj) |
| 48 | 小翎 |[Codepen](https://codepen.io/debbielin/pen/oNrdORP?editors=1000)|
| 49 | OSN |[Codepen](https://codepen.io/osncodepen/pen/GRbBxNZ)|
| 50 | chris | [Codepen](https://codepen.io/chris-chen-the-selector/pen/GRbeRaP?editors=1000) |
| 51 | 深海 | [Codepen](https://codepen.io/KAI-SHIN-the-animator/pen/bGPZRWQ) |
| 52 | Lotte | [Codepen](https://codepen.io/hmkdoxuj-the-decoder/pen/OJeKvvb?editors=1000) |
| 53 | Jack | [Codepen](https://codepen.io/kxbhixte-the-sasster/pen/oNKvoNP) |
| 54 | zen | [Codepen](https://codepen.io/iamHanCheng/pen/VwJPgbw) |
| 55 | Chunag | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/XWLMJPz) |
| 56 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/xbxaeNd) |
 
<!--
    | No | Discord | [Codepen]() |
-->