diff --git a/foundations/01-css-methods/README.md b/foundations/01-css-methods/README.md index 66b33c7..9600971 100644 --- a/foundations/01-css-methods/README.md +++ b/foundations/01-css-methods/README.md @@ -10,7 +10,7 @@ The properties you need to add to each element are: * `button`: an orange background and a font size of 18px ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131268832-f3a3bbde-c9e6-4e73-9b99-79ffa3d2144a.png) +![desired outcome](./desired-outcome.png) ### Self Check diff --git a/foundations/01-css-methods/desired-outcome.png b/foundations/01-css-methods/desired-outcome.png new file mode 100644 index 0000000..3a2433a Binary files /dev/null and b/foundations/01-css-methods/desired-outcome.png differ diff --git a/foundations/02-class-id-selectors/README.md b/foundations/02-class-id-selectors/README.md index bd77932..148e4fd 100644 --- a/foundations/02-class-id-selectors/README.md +++ b/foundations/02-class-id-selectors/README.md @@ -16,7 +16,7 @@ Quick tip: in VS Code, you can change which format colors are displayed in RGB, > Part of your task is to add a font to _some_ of these items. Do not worry about the font of the rest of them. Your browser's default font might be different than the one displayed and that's OK for this exercise. ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131268858-5360bb32-27ba-4ce0-be59-5fda97f5eb12.png) +![desired outcome](./desired-outcome.png) ### Self Check diff --git a/foundations/02-class-id-selectors/desired-outcome.png b/foundations/02-class-id-selectors/desired-outcome.png new file mode 100644 index 0000000..cb4670d Binary files /dev/null and b/foundations/02-class-id-selectors/desired-outcome.png differ diff --git a/foundations/03-grouping-selectors/README.md b/foundations/03-grouping-selectors/README.md index 0774b57..8b5d206 100644 --- a/foundations/03-grouping-selectors/README.md +++ b/foundations/03-grouping-selectors/README.md @@ -11,7 +11,7 @@ This will help you further practice adding classes and using class selectors, so * **Both elements**: a font size of 28px and a list of fonts containing `Helvetica` and `Times New Roman`, with `sans-serif` as a fallback ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131268881-369972f3-b6b6-4242-965f-512c1335cc3a.png) +![desired outcome](./desired-outcome.png) ### Self Check diff --git a/foundations/03-grouping-selectors/desired-outcome.png b/foundations/03-grouping-selectors/desired-outcome.png new file mode 100644 index 0000000..3f39423 Binary files /dev/null and b/foundations/03-grouping-selectors/desired-outcome.png differ diff --git a/foundations/04-chaining-selectors/README.md b/foundations/04-chaining-selectors/README.md index 84d04b7..47a8619 100644 --- a/foundations/04-chaining-selectors/README.md +++ b/foundations/04-chaining-selectors/README.md @@ -12,8 +12,7 @@ The properties you need to add to each element are: * Make the element with both the `avatar` and `distorted` classes 200 pixels wide, then make its height twice as big as its width (here you should hardcode in a pixel value). ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131268893-f2e0b302-ea2e-44b8-ba30-b555a35023c9.jpg) - +![desired outcome](./desired-outcome.png) ### Self Check - Did you properly chain class selectors for each rule? diff --git a/foundations/04-chaining-selectors/desired-outcome.png b/foundations/04-chaining-selectors/desired-outcome.png new file mode 100644 index 0000000..b87a6da Binary files /dev/null and b/foundations/04-chaining-selectors/desired-outcome.png differ diff --git a/foundations/05-descendant-combinator/README.md b/foundations/05-descendant-combinator/README.md index a92307e..7577c4e 100644 --- a/foundations/05-descendant-combinator/README.md +++ b/foundations/05-descendant-combinator/README.md @@ -10,7 +10,7 @@ The properties you need to add are: * Only the `p` elements that are descendants of the `div` element should have a yellow background, red text, a font size of 20px, and center aligned. ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131268923-75916744-d57f-4609-92f0-4f7ce031726a.png) +![desired outcome](./desired-outcome.png) ### Self Check diff --git a/foundations/05-descendant-combinator/desired-outcome.png b/foundations/05-descendant-combinator/desired-outcome.png new file mode 100644 index 0000000..f71c7f9 Binary files /dev/null and b/foundations/05-descendant-combinator/desired-outcome.png differ diff --git a/foundations/06-cascade-fix/README.md b/foundations/06-cascade-fix/README.md index 03bebfe..ddd73c9 100644 --- a/foundations/06-cascade-fix/README.md +++ b/foundations/06-cascade-fix/README.md @@ -8,7 +8,7 @@ There are multiple ways to solve this exercise, and we did our best to include a Issues with the cascade can be the bane of their existence for many when it comes to CSS. While you won't become a cascade expert from this exercise alone, and there are other ways to deal with these issues, it is still super helpful to see how these issues affect our final styles and why it's important to order rules carefully. ## Desired Outcome -![outcome](https://user-images.githubusercontent.com/70952936/131411210-47ff21dd-6d0c-4a7f-b6b1-1ec40f93dd8c.jpg) +![desired outcome](./desired-outcome.png) ### Self Check - Did you make sure to not edit the HTML file? diff --git a/foundations/06-cascade-fix/desired-outcome.png b/foundations/06-cascade-fix/desired-outcome.png new file mode 100644 index 0000000..d4685d6 Binary files /dev/null and b/foundations/06-cascade-fix/desired-outcome.png differ