punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #100 from rog2054/main

Browse source 
Foundations-002 Added Linux-compatible font
This commit is contained in:
Cody Loyd 2022-01-12 13:21:14 -06:00 committed by GitHub
commit 4b3d6c8e16
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
foundations/02-class-id-selectors/README.md
View file

@ -5,7 +5,7 @@ There are several elements in the HTML file provided, which you will have to add
It isn't entirely important which class or ID values you use, as the focus here is on being able to add the attributes and use the correct selector syntax to style elements. For the colors in this exercise, try using a non-keyword value (RGB, HEX, or HSL). The properties you need to add to each element are:
* **All odd numbered elements**: a light red/pink background, and a list of fonts containing `Verdana` as the first option and `sans-serif` as a fallback
* **All odd numbered elements**: a light red/pink background, and a list of fonts containing `Verdana` and `DejaVu Sans` with `sans-serif` as a fallback
* **The second element**: blue text and a font size of 36px
* **The third element**: in addition to the styles for all odd numbered elements, add a font size of 24px
* **The fourth element**: a light green background, a font size of 24px, and bold

4
foundations/02-class-id-selectors/solution/solution.css
View file

@ -1,6 +1,6 @@
.odd {
background-color: rgb(255, 167, 167);
font-family: Verdana, sans-serif;
font-family: Verdana, DejaVu Sans, sans-serif;
}
.oddly-cool {
@ -16,4 +16,4 @@
background-color: hsl(120, 100%, 75%);
font-size: 24px;
font-weight: bold;
}
}