Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 6f82afe

Browse files
codyloydcodyloyd
authored
Merge pull request TheOdinProject#50 from thatblindgeye/css-foundations
Add new outcome screenshots
2 parents 5e3cca3 + c8af491 commit 6f82afe

File tree

12 files changed

+6
-7
lines changed

12 files changed

+6
-7
lines changed

‎foundations/01-css-methods/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ The properties you need to add to each element are:
1010
* `button`: an orange background and a font size of 18px
1111

1212
## Desired Outcome
13-
![outcome](https://user-images.githubusercontent.com/70952936/131268832-f3a3bbde-c9e6-4e73-9b99-79ffa3d2144a.png)
13+
![desired outcome](./desired-outcome.png)
1414

1515

1616
### Self Check

‎foundations/01-css-methods/desired-outcome.png

32.8 KB
Loading

‎foundations/02-class-id-selectors/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Quick tip: in VS Code, you can change which format colors are displayed in RGB,
1616
> 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.
1717
1818
## Desired Outcome
19-
![outcome](https://user-images.githubusercontent.com/70952936/131268858-5360bb32-27ba-4ce0-be59-5fda97f5eb12.png)
19+
![desired outcome](./desired-outcome.png)
2020

2121

2222
### Self Check

‎foundations/02-class-id-selectors/desired-outcome.png

45.9 KB
Loading

‎foundations/03-grouping-selectors/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ This will help you further practice adding classes and using class selectors, so
1111
* **Both elements**: a font size of 28px and a list of fonts containing `Helvetica` and `Times New Roman`, with `sans-serif` as a fallback
1212

1313
## Desired Outcome
14-
![outcome](https://user-images.githubusercontent.com/70952936/131268881-369972f3-b6b6-4242-965f-512c1335cc3a.png)
14+
![desired outcome](./desired-outcome.png)
1515

1616

1717
### Self Check

‎foundations/03-grouping-selectors/desired-outcome.png

12.1 KB
Loading

‎foundations/04-chaining-selectors/README.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,7 @@ The properties you need to add to each element are:
1212
* 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).
1313

1414
## Desired Outcome
15-
![outcome](https://user-images.githubusercontent.com/70952936/131268893-f2e0b302-ea2e-44b8-ba30-b555a35023c9.jpg)
16-
15+
![desired outcome](./desired-outcome.png)
1716

1817
### Self Check
1918
- Did you properly chain class selectors for each rule?

‎foundations/04-chaining-selectors/desired-outcome.png

393 KB
Loading

‎foundations/05-descendant-combinator/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ The properties you need to add are:
1010
* 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.
1111

1212
## Desired Outcome
13-
![outcome](https://user-images.githubusercontent.com/70952936/131268923-75916744-d57f-4609-92f0-4f7ce031726a.png)
13+
![desired outcome](./desired-outcome.png)
1414

1515

1616
### Self Check

‎foundations/05-descendant-combinator/desired-outcome.png

29.8 KB
Loading

‎foundations/06-cascade-fix/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ There are multiple ways to solve this exercise, and we did our best to include a
88
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.
99

1010
## Desired Outcome
11-
![outcome](https://user-images.githubusercontent.com/70952936/131411210-47ff21dd-6d0c-4a7f-b6b1-1ec40f93dd8c.jpg)
11+
![desired outcome](./desired-outcome.png)
1212

1313
### Self Check
1414
- Did you make sure to not edit the HTML file?

‎foundations/06-cascade-fix/desired-outcome.png

47.9 KB
Loading

0 commit comments

Comments
 (0)