From c356ecfa29728686b6e959780461e73dd2a64148 Mon Sep 17 00:00:00 2001 From: Ilenia Date: Wed, 27 Jul 2022 22:55:10 +0200 Subject: [PATCH] feat: move blur example from step 34 to step 35 rothko (#47020) * feat: move example from step 34 to step 35 rothko * change wording --- .../60a3e3396c7b40068ad6998c.md | 8 ++++++++ .../60a3e3396c7b40068ad6998d.md | 10 +--------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998c.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998c.md index 66c06fd0e9c..fac990dcb91 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998c.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998c.md @@ -11,6 +11,14 @@ The colors and shapes of your painting are too sharp to pass as a Rothko. Use the `filter` property to `blur` the painting by `2px` in the `.canvas` element. +Here's an example of a rule that add a 3px `blur`: + +```css +p { + filter: blur(3px); +} +``` + # --hints-- You should set the `filter` property to `blur(2px)`. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998d.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998d.md index 0731cd76597..6fbcde0b03c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998d.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998d.md @@ -9,17 +9,9 @@ dashedName: step-35 Create a rule that targets both `.one` and `.two` and increase their `blur` effect by 1 pixel. -Here's an example of a rule that increases the `blur` of two elements: - -```css -h1, p { - filter: blur(3px); -} -``` - # --hints-- -You should have a `.one, .two` selector. +You should have a `.one, .two` selector list. ```js const oneTwo = new __helpers.CSSHelp(document).getStyle('.one, .two');