diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json
index 2a1868c807..ac6af66224 100644
--- a/challenges/01-responsive-web-design/applied-visual-design.json
+++ b/challenges/01-responsive-web-design/applied-visual-design.json
@@ -1053,10 +1053,11 @@
"id": "587d781c367417b2b2512ac0",
"title": "Use the Text-transform Property to Make Text Uppercase",
"description": [
- "The text-transform
property in CSS is used to set text to uppercase.",
- "Note
Other values for this property are lowercase, capitalize (transforms the first letter of each word to uppercase), initial (sets the property to the default value), inherit (inherits the property from parent element) and none (the default).",
+ "The text-transform
property in CSS is used to change the appearance of text. It's a convenient way to make sure text on a webpage appears consistently, without having to change the text content of the actual HTML elements.",
+ "The following table shows how the different text-transform
values change the example text \"Transform me\".",
+ "
Value | Result |
---|---|
lowercase | \"transform me\" |
uppercase | \"TRANSFORM ME\" |
capitalize | \"Transform Me\" |
initial | Use the default value |
inherit | Use the text-transform value from the parent element |
none | Default: Use the original text |
h4
tag to be uppercase using the text-transform
property."
+ "Transform the text of the h4
to be uppercase using the text-transform
property."
],
"challengeSeed": [
"