diff --git a/margin-and-padding/margin-and-padding-1/README.md b/margin-and-padding/margin-and-padding-1/README.md index f16b99e..fa84afd 100644 --- a/margin-and-padding/margin-and-padding-1/README.md +++ b/margin-and-padding/margin-and-padding-1/README.md @@ -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.) \ No newline at end of file +- Div Three is aligned to the right. +- Div Three's alignment is achieved using `margin` (and not float, flexbox, etc.) \ No newline at end of file diff --git a/margin-and-padding/margin-and-padding-2/README.md b/margin-and-padding/margin-and-padding-2/README.md index 2513c2b..34eaaaa 100644 --- a/margin-and-padding/margin-and-padding-2/README.md +++ b/margin-and-padding/margin-and-padding-2/README.md @@ -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. \ No newline at end of file +- The Big Button is centered on its own line. +- The Big Button has 24px space on the sides, and 8px on top and bottom. \ No newline at end of file