diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json
index f52aff3dd2..c20bdef953 100644
--- a/challenges/01-responsive-web-design/applied-visual-design.json
+++ b/challenges/01-responsive-web-design/applied-visual-design.json
@@ -1161,10 +1161,11 @@
"id": "587d781d367417b2b2512ac8",
"title": "Adjust the Hover State of an Anchor Tag",
"description": [
- "Following from the previous challenge, the styling of the anchor tag can be changed for its hover state using the :hover
pseudo-class selector.",
+ "This challenge will touch on the usage of pseudo-classes. A pseudo-class is a keyword that can be added to selectors, in order to select a specific state of the element.",
+ "Following from the previous challenge, the styling of the anchor tag can be changed for its hover state using the :hover
pseudo-class selector. Here's an example that changes the color of the anchor tag to red during its hover state:",
+ "
a:hover {", "
color: red;
}
a
tag's CSS so when the user hovers over it, the color
is blue and the underline is removed.",
- "Notetext-decoration
property set to none."
+ "Change the a
tag's CSS so that when the user hovers over it, the color
is blue."
],
"challengeSeed": [
"