tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #42 from msespos/fix-punctuation-and-grammar-margin-and-padding-READMEs 

Fix punctuation and grammar in Margin and Padding READMEs
This commit is contained in:
Cody Loyd 2021-10-04 12:36:04 -05:00 committed by GitHub
parent 93ef8fb7ad 2ff834432c
commit 18d661438a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
margin-and-padding/margin-and-padding-1/README.md
View File

@ -5,10 +5,10 @@ For this first exercise, simply edit the `index.html` file so that the divs look
![outcome](./desired-outcome.png)
### Self-check
Use this section to check your work. On _these_ projects, your goal isn't to attain 100% pixel-perfection, but to use the tools you've learned to get relatively close to the desired output.
Use this section to check your work. On _these_ projects, your goal isn't to attain 100% pixel perfection, but to use the tools you've learned to get relatively close to the desired output.
- Div One and Div Three have 32px between their text and border.
- Div One has 12px between it and any other element on the page.
- There is a 48px gap between Div Two and Div Three.
- Div Three is aligned to the right
- Div Three's alignment is achieved using `margin` (and not float, or flexbox etc.)
- Div Three is aligned to the right.
- Div Three's alignment is achieved using `margin` (and not float, flexbox, etc.).

10
margin-and-padding/margin-and-padding-2/README.md
View File

@ -6,13 +6,13 @@ This one is a little nicer looking, and a little closer to something you might s
![desired outcome](./desired-outcome.png)
### Self Check
Use this section to check your work. On _these_ projects, your goal isn't to attain 100% pixel-perfection, but to use the tools you've learned to get relatively close to the desired output.
Use this section to check your work. On _these_ projects, your goal isn't to attain 100% pixel perfection, but to use the tools you've learned to get relatively close to the desired output.
- There is 8px between the edge of the card and it's content (the blue sections).
- There is 8px between the edge of the card and its content (the blue sections).
- There is an 8px gap between each of the blue sections inside the card.
- Title of the card uses a 16px font.
- The title of the card uses a 16px font.
- There are 8px between the title text and the edge of the title section.
- The content section has 16px space on the top and bottom, and 8px on either side.
- Everything inside the `.button` section is centered, and there is 8px padding.
- the Big Button is centered on it's own line.
- the Big Button has 24px space on the sides, and 8px on top and bottom.
- The Big Button is centered on its own line.
- The Big Button has 24px space on the sides, and 8px on top and bottom.