---
# System prepended metadata

title: 4.SCSS版型管理任務
tags: [主線任務, 2021 程式體驗營, 六角學院]

---

# 4.SCSS版型管理任務
{%hackmd theme-dark %}
###### tags: `主線任務` `2021 程式體驗營` `六角學院`
## 開發過程中遇到的問題：
- 想知道為什麼會在開發過程中會出現三角型驚嘆號？ Error message 是寫 contrast ，想知助教該如何解決？（個人猜測：是直接使用 !important 蓋過去嗎？）
![](https://i.imgur.com/kc3h8gD.jpg)

- 想問一下助教，以下圖片中的 padding-top 都不一樣 （在 Adobe XD 中，一個顯示 159px ，一個顯示 129 px）。我發現若將其全部設定為固定值，在做 RWD 的時候會變的無法修改其個別高度。想請問助教該如何解決此問題？。
![](https://i.imgur.com/G5cfPFh.jpg)

感謝助教解惑！
## 助教 Feedback
![](https://i.imgur.com/E658WWP.jpg)
- [香水電商](https://xd.adobe.com/view/dc5ebe5c-3e56-4981-a010-158b5ded0e72-890d/)
- [index.html](https://jeff14994.github.io/hexschool-bootcamp/mission/4.SCSS%E7%89%88%E5%9E%8B%E7%AE%A1%E7%90%86%E4%BB%BB%E5%8B%99/%E9%A6%99%E6%B0%B4%E9%9B%BB%E5%95%86/)
- [product.html](https://jeff14994.github.io/hexschool-bootcamp/mission/4.SCSS%E7%89%88%E5%9E%8B%E7%AE%A1%E7%90%86%E4%BB%BB%E5%8B%99/%E9%A6%99%E6%B0%B4%E9%9B%BB%E5%95%86/product.html)
- [程式碼](https://github.com/jeff14994/hexschool-bootcamp/tree/main/mission/4.SCSS%E7%89%88%E5%9E%8B%E7%AE%A1%E7%90%86%E4%BB%BB%E5%8B%99/%E9%A6%99%E6%B0%B4%E9%9B%BB%E5%95%86)
- [問題](https://hackmd.io/@jeff14994/rkb_Spyod/%2FkYyYTS8iSbGdPwK_tIHYiQ)
- 1. 是因為「查看更多」的文字顏色跟背景色比較相近，可能會讓視障者比較難閱讀，所以給你個提示說這邊的對比度需再加強（可參考[此篇文件](https://codelabs.developers.google.com/angular-a11y#4)）

## Corrections
![](https://i.imgur.com/x3xMs6E.jpg)
![](https://i.imgur.com/SF12Dam.jpg)
![](https://i.imgur.com/ZId6qD5.jpg)
