andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update format

Browse Source
This commit is contained in:
Angelos Chalaris
2020-04-30 13:21:04 +03:00
parent d9fd2d23c3
commit 2fbd3e0737
55 changed files with 412 additions and 571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
snippets/box-sizing-reset.md
View File

@ -5,6 +5,9 @@ tags: layout,beginner
Resets the box-model so that `width` and `height` are not affected by `border` or `padding`.
- `box-sizing: border-box` makes the addition of `padding` or `border`s not affect an element's `width` or `height`.
- `box-sizing: inherit` makes an element respect its parent's `box-sizing` rule.
```html
<div class="box">border-box</div>
<div class="box content-box">content-box</div>
@ -36,8 +39,3 @@ div {
box-sizing: content-box;
}
```
#### Explanation
- `box-sizing: border-box` makes the addition of `padding` or `border`s not affect an element's `width` or `height`.
- `box-sizing: inherit` makes an element respect its parent's `box-sizing` rule.