diff --git a/challenges/03-front-end-libraries/react.json b/challenges/03-front-end-libraries/react.json index a3d23d9390..4586115d85 100644 --- a/challenges/03-front-end-libraries/react.json +++ b/challenges/03-front-end-libraries/react.json @@ -2157,6 +2157,7 @@ "<div style=\"color: yellow; font-size: 16px\">Mellow Yellow</div>", "JSX elements use the style attribute, but because of the way JSX is transpiled, you can't set the value to a string. Instead, you set it equal to a JavaScript object. Here's an example:", "<div style={{color: \"yellow\", fontSize: 16}}>Mellow Yellow</div>", + "Notice how we camelCase the \"fontSize\" property? This is because React will not accept kebab-case keys in the style object. React will apply the correct property name for us in the HTML.", "
", "Add a style attribute to the div in the code editor to give the text a color of red and font size of 72px.", "Note that you can optionally set the font size to be a number, omitting the units \"px\", or write it as \"72px\"."