diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json index ffe5f1e6c2..9a7a2a84f8 100644 --- a/challenges/01-responsive-web-design/applied-visual-design.json +++ b/challenges/01-responsive-web-design/applied-visual-design.json @@ -683,7 +683,7 @@ "id": "587d781b367417b2b2512abe", "title": "Add a Box-shadow to a Card-like Element", "description": [ - "The box-shadow property applies one or more shadows to an element. This technique can be used on any state of an element, but here you'll apply it on hover.", + "The box-shadow property applies one or more shadows to an element.", "The box-shadow property takes values for offset-x (how far to push the shadow horizontally from the element), offset-y (how far to push the shadow vertically from the element), blur-radius, spread-radius and a color value, in that order. The blur-radius and spread-radius values are optional.", "Here's an example of the CSS to create multiple shadows with some blur, at mostly-transparent black colors:", "
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
", @@ -773,7 +773,7 @@ " color: black;", " ", " }", - " #thumbnail:hover {", + " #thumbnail {", " box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);", " }", " .fullCard {", @@ -841,7 +841,7 @@ " color: black;", " opacity: 0.7;", " }", - " #thumbnail:hover {", + " #thumbnail {", " box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);", " }", " .fullCard {", @@ -923,7 +923,7 @@ " color: black;", " opacity: 0.7;", " }", - " #thumbnail:hover {", + " #thumbnail {", " box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);", " }", " .fullCard {",