From 899075d9305782b7b40cd55fb14328b019ce8626 Mon Sep 17 00:00:00 2001 From: yoko <25644062+sidemt@users.noreply.github.com> Date: Fri, 5 Jul 2024 03:20:49 +0900 Subject: [PATCH] fix(curriculum): small fixes in recently updated challenges (#55421) --- .../sass/create-reusable-css-with-mixins.md | 8 ++++---- .../5dc23f9bf86c76b9248c6eba.md | 2 +- .../646ceb843412c74edee27a79.md | 2 +- .../6476f7a4827bcc61682f2347.md | 2 +- .../6676a8a8d9861319ee901a90.md | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md b/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md index 94fb146dd4b..587e0dc1c53 100644 --- a/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md +++ b/curriculum/challenges/english/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md @@ -70,7 +70,7 @@ nav a { Write a mixin named `shape` and give it 3 parameters: `$w`, `$h`, and `$bg-color`. -Use the `shape` mixin to give the `#square` element a width and height of `50px`, and the color `red`. For the `#rect-a` element add a width of `100px`, a height of `50px`, and the color `blue`. Finally, for the `#rect-b` element add a width of `50px`, a height of `100px`, and the color `orange`. +Use the `shape` mixin to give the `#square` element a width and height of `50px`, and the background color `red`. For the `#rect-a` element add a width of `100px`, a height of `50px`, and the background color `blue`. Finally, for the `#rect-b` element add a width of `50px`, a height of `100px`, and the background color `orange`. # --hints-- @@ -98,19 +98,19 @@ Your mixin should include a `background-color` property that uses the `$bg-color assert.match(__helpers.removeWhiteSpace(code), /background-color:\$bg\-color;/gi); ``` -You should replace the styles inside the `#square` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width and height of `50px`, and the color `red`. +You should replace the styles inside the `#square` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width and height of `50px`, and the background color `red`. ```js assert.match(code, /#square\s*{\s*@include\s+shape\(\s*50px,\s*50px,\s*red\s*\)\s*;\s*}/gi); ``` -You should replace the styles inside the `#rect-a` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `100px`, a height of `50px`, and the color `blue`. +You should replace the styles inside the `#rect-a` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `100px`, a height of `50px`, and the background color `blue`. ```js assert.match(code, /#rect-a\s*{\s*@include\s+shape\(\s*100px,\s*50px,\s*blue\s*\)\s*;\s*}/gi); ``` -You should replace the styles inside the `#rect-b` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `50px`, a height of `100px`, and the color `orange`. +You should replace the styles inside the `#rect-b` selector with a call to the `shape` mixin using the `@include` keyword. Setting a width of `50px`, a height of `100px`, and the background color `orange`. ```js assert.match(code, /#rect-b\s*{\s*@include\s+shape\(\s*50px,\s*100px,\s*orange\s*\)\s*;\s*}/gi); diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md index cd33bdef806..191f0be992c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -You can add images to your website by using the `img` element. `img` elements have an opening tag without a closing tag. A tag for an element without a closing tag is known as a void element. +You can add images to your website by using the `img` element. `img` elements have an opening tag without a closing tag. An element without a closing tag is known as a void element. Add an `img` element below the `p` element. At this point, no image will show up in the browser. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md index a6bc395ad35..3af6beeb221 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md @@ -11,7 +11,7 @@ Now you will learn a CSS trick to draw triangles. This will be used to draw ears on the cat. -Using a class selector, give the `.cat-right-ear` element `height` and `width` properties set to `100px`. Set the `background-color` to white. Set the left and right borders to `35px solid blue`. Set the top and bottom borders to `35px solid red`. +Using a class selector, give the `.cat-right-ear` element `height` and `width` properties set to `100px`. Set the `background-color` to `white`. Set the left and right borders to `35px solid blue`. Set the top and bottom borders to `35px solid red`. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md index 02568571634..7685dc65cd9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md @@ -9,7 +9,7 @@ dashedName: step-11 The next position property is `absolute`. When you use the `absolute` value for your `position` property, the element is taken out of the normal flow of the document, and then its position is determined by the `top`, `right`, `bottom`, and `left` properties. -Set the position property of your `.cat-head` element to `absolute`, then set `top` and `left` properties to any positive pixel value. +Set the `position` property of your `.cat-head` element to `absolute`, then set `top` and `left` properties to any positive pixel value. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6676a8a8d9861319ee901a90.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6676a8a8d9861319ee901a90.md index 97c2bd562fb..4d920f5cc8b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6676a8a8d9861319ee901a90.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6676a8a8d9861319ee901a90.md @@ -16,7 +16,7 @@ Using a class selector, give the `.cat-left-ear` element a left and right border # --hints-- -Your `.cat-right-ear` selector not should have a `height` property. +Your `.cat-right-ear` selector should not have a `height` property. ```js assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height)