From f5a37bab1b38b3dbdff5442706d5bedccaf2ce9f Mon Sep 17 00:00:00 2001 From: yoko <25644062+sidemt@users.noreply.github.com> Date: Thu, 23 May 2024 16:35:13 +0900 Subject: [PATCH] fix(curriculum): small fixes in cat painting project (#54918) --- .../646cf6cbca98e258da65c979.md | 2 +- .../646cfc2b8e6fe95c20a819d5.md | 2 +- .../646cfde6ac612e5d60391f50.md | 2 +- .../646ddb61ff08366570cc5902.md | 2 +- .../646dddfb3a301c66ec513c56.md | 2 +- .../646ddf888632fa67f1180940.md | 2 +- .../646df1d1aa4ae57bdf1869c4.md | 4 ++-- .../646f0417322c0e04983a5149.md | 2 +- .../646f08293804a30685533c6f.md | 2 +- .../646f0c9a1e3360092d1bbd33.md | 2 +- .../646f4f6a14e3c522d130a0d2.md | 2 +- .../6477062778c85972eb648030.md | 2 +- 12 files changed, 13 insertions(+), 13 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md index 05fea993197..92cd72c8b32 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md @@ -11,7 +11,7 @@ As you did for the left ear, rotate the right ear at 45 degrees. # --hints-- -You should set the `transform` property of your `.right-ear` element to `rotate(45deg)`. Don't forget to add a semi-colon. +You should set the `transform` property of your `.cat-right-ear` element to `rotate(45deg)`. Don't forget to add a semi-colon. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.transform === 'rotate(45deg)') diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md index e225bdcbbae..cc86b3077f3 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md @@ -11,7 +11,7 @@ The ears should always be placed above the part of the head it overlaps. You can `z-index` is a property you can use to define the order of overlapping HTML elements. Any element with a higher `z-index` will always be positioned over an element with a lower `z-index`. -To see `z-index` in action, set the `z-index`property of the left ear to `-1`. +To see `z-index` in action, set the `z-index` property of the left ear to `-1`. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md index 7c184038a36..e4646612669 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md @@ -7,7 +7,7 @@ dashedName: step-33 # --description-- -Set the `z-index`property of the right ear to `1` so it always stays over the head. +Set the `z-index` property of the right ear to `1` so it always stays over the head. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md index 4e11aa617cc..9dd155c5f96 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md @@ -9,7 +9,7 @@ dashedName: step-40 You will now start working on the cat's eyes. Like the ears, the eyes will have inner eyes. -Create a `div` element with the class `cat-eyes`. Inside the `cat-eyes` element, create two `div` elements with the class `cat-left-eye` and `cat-right-eye` respectively. +Create a `div` element with the class `cat-eyes`. Inside the `.cat-eyes` element, create two `div` elements with the class `cat-left-eye` and `cat-right-eye` respectively. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md index 357c7638441..b5ee2bf35c0 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md @@ -11,7 +11,7 @@ Inside the `.cat-right-eye` element, create another `div` element with the class # --hints-- -You should not change the existing `div` element with the class `cat-left-eye`. +You should not change the existing `div` element with the class `cat-right-eye`. ```js assert(document.querySelectorAll('div.cat-right-eye').length === 1); diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md index 337882a376a..e6d5f01bb5e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Move the left eye into position with a `position` property of `absolute` a `top` of `54px`, and a `left` of `39px`. +Move the left eye into position with a `position` property of `absolute`, a `top` of `54px`, and a `left` of `39px`. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md index a0c65bd94b0..3d6d7f60933 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md @@ -13,13 +13,13 @@ Create a `div` element with the class `cat-mouth`. # --hints-- -You should create a `div` element. +You should create a `div` element. ```js assert(document.querySelectorAll('div').length === 13) ``` -Your `div` element should have the class `cat-mouth` +Your `div` element should have the class `cat-mouth`. ```js assert(document.querySelectorAll('div')[12].classList.contains('cat-mouth')) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md index 744dbf63545..60dd3db9d18 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md @@ -11,7 +11,7 @@ Using a class selector, give your `.cat-mouth-line-left` element a `position` of # --hints-- -You should have a `cat-mouth-line-left` selector. +You should have a `.cat-mouth-line-left` selector. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md index 8e0ebd7d050..9032e6ab26a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md @@ -11,7 +11,7 @@ Using the `transform` property, rotate the left mouth line at `170` degrees. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(170deg)`. +Your `.cat-mouth-line-left` selector should have a `transform` property set to `rotate(170deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform === 'rotate(170deg)') diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md index c33170ee270..e29cd65e161 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md @@ -11,7 +11,7 @@ Rotate the right mouth line at `165` degrees. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(165deg)`. +Your `.cat-mouth-line-right` selector should have a `transform` property set to `rotate(165deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.transform === 'rotate(165deg)') diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md index fdf7dc60c56..1b279ae12d8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Use a class selector to target the `cat-whisker-right-middle` element, then move the right middle whisker into position with a `position` of `absolute`, a `top` of `127px`, and a `left` of `109px`. +Use a class selector to target the `.cat-whisker-right-middle` element, then move the right middle whisker into position with a `position` of `absolute`, a `top` of `127px`, and a `left` of `109px`. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md index 7e91e8b9bfb..4f01e1a293c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md @@ -9,7 +9,7 @@ dashedName: step-16 You should now center the cat head. -Give the `.cat-head` element a position property set to `absolute`. Set a value of `0` for the `right`, `left`, `top`, `bottom` properties, then set its `margin` property on all sides to `auto`. That's one way to center an element vertically and horizontally using CSS positioning. +Give the `.cat-head` element a `position` property set to `absolute`. Set a value of `0` for the `right`, `left`, `top`, `bottom` properties, then set its `margin` property on all sides to `auto`. That's one way to center an element vertically and horizontally using CSS positioning. # --hints--