From 2b90682c73e0366c2f309cb9ae906664e2d476ae Mon Sep 17 00:00:00 2001 From: Marie Malarme Date: Fri, 26 Feb 2021 18:08:58 +0000 Subject: [PATCH] Change colors in CSS --- subjects/class-that/README.md | 2 +- subjects/select-and-style/README.md | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/subjects/class-that/README.md b/subjects/class-that/README.md index 9fa2ed02d..3e4c75ff1 100644 --- a/subjects/class-that/README.md +++ b/subjects/class-that/README.md @@ -7,7 +7,7 @@ Create the 3 following classes, setting them with the given rulesets, & attribut - class `eye`: - `height` of 10 pixels - - `background-color` "red" + - `background-color` "orange" - `border-radius` of 50% - attributed to `eye-left` & `eye-right` - class `arm`: diff --git a/subjects/select-and-style/README.md b/subjects/select-and-style/README.md index 27966c83d..2adaa224a 100644 --- a/subjects/select-and-style/README.md +++ b/subjects/select-and-style/README.md @@ -6,8 +6,8 @@ Create a CSS file, [link it](https://developer.mozilla.org/en-US/docs/Web/HTML/E - target all the elements with the [universal selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors) and style them with an `opacity` of 0.8 - target all the `section` tags with the [type selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors), and style it with a `padding` of 20 pixels and a `margin` of 15 pixels - target each following element with the [`id` selector](https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors), using the `id` you defined earlier for each section, and style it: - - `face` with a `width` & `height` of 80 pixels, and a "lime" `background-color` - - `upper-body` with a `width` of 200 pixels, a `height` of 220 pixels, and a "deeppink" `background-color` + - `face` with a `width` & `height` of 80 pixels, and a "deeppink" `background-color` + - `upper-body` with a `width` of 200 pixels, a `height` of 220 pixels, and a "blue" `background-color` - `lower-body` with a `width` of 100 pixels, a `height` of 220 pixels, and a "yellow" `background-color` - target the `body` tag and style it with a `display` at "flex", a `flex-direction` at "column" and a `align-items` at "center" (this is to turn the `body` into a [`flex` container](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox), so the elements will be centered in the page)