---
title: Basic CSS setup
tags: CSS
---

## 7-1 pattern scss folder

## Basic CSS coding seting

Set css
> sass/_base.scss

html {
font-size: 62.5%;
}

**font-size: 62.5% = normal user default 16px * 62.5% = 10px;**

---

And use (rem) to set fontsize for responsive website, it base on root font-size scale
**[1rem = 10px(62.5%) ]**

Prop set for easy coding in future …

> sass/_base.scss

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: inherit;
}

body {
box-sizing: border-box;
}

## BEM class structure


---

## Reference

- Implement project: https://github.com/barrystone/natours/blob/master/sass/abstracts/_mixins.scss
- Teacher: [Jonas Schmedtmann](https://github.com/jonasschmedtmann)