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

Fix punctuation and grammar in Margin and Padding READMEs

This commit is contained in:
Mike Esposito 2021-10-04 10:02:55 -07:00
parent 6b8a836da5
commit 1fac330cb7
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) ![outcome](./desired-outcome.png)
### Self-check ### 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 and Div Three have 32px between their text and border.
- Div One has 12px between it and any other element on the page. - Div One has 12px between it and any other element on the page.
- There is a 48px gap between Div Two and Div Three. - There is a 48px gap between Div Two and Div Three.
- Div Three is aligned to the right - Div Three is aligned to the right.
- Div Three's alignment is achieved using `margin` (and not float, or flexbox etc.) - 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) ![desired outcome](./desired-outcome.png)
### Self Check ### 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. - 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. - 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. - 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. - 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 is centered on its own line.
- the Big Button has 24px space on the sides, and 8px on top and bottom. - The Big Button has 24px space on the sides, and 8px on top and bottom.