Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

change 'permiss' to 'permit' #70

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

change 'permiss' to 'permit' #70

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion lessons/layout-css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ The `background-color` of the parent of the container is `blue`. The `2px dashed
* `border` – Next is the border. If your element has a border, it comes next (not everything has or needs a border.)
* `padding` – Inside the border is the `padding`. This is the spacing **inside** the element. If you give something a `background-color`, you will color the padding space. In our diagram above, you can see the space between the red, solid border and the green, dashed border. This is the padding of the element.

Right now, the above element doesn't have a set `height` or `width`, which means it will take its height from what ever inside of it and it will try to take `100%` of the width it can. We can modify both of these. However, if I say `width: 200px`, _what_ is `200px` wide? Unfortunately, the answer is it depends. It depends on what the value of the `box-sizing` property. By default, it does things the old way of writing code which if I say `width: 200px` I am _not including_ the `border` or the `padding`. This is annoying because if I'm trying to fit things together well, it's much easier to include `border` and `padding`. Remember how I told you to never use the wild card selector before? This is the one exception where I permiss you to:
Right now, the above element doesn't have a set `height` or `width`, which means it will take its height from what ever inside of it and it will try to take `100%` of the width it can. We can modify both of these. However, if I say `width: 200px`, _what_ is `200px` wide? Unfortunately, the answer is it depends. It depends on what the value of the `box-sizing` property. By default, it does things the old way of writing code which if I say `width: 200px` I am _not including_ the `border` or the `padding`. This is annoying because if I'm trying to fit things together well, it's much easier to include `border` and `padding`. Remember how I told you to never use the wild card selector before? This is the one exception where I permit you to:

```css
* {
Expand Down