gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(seed): Clarify instructions (#17050)

Browse Source 
Closes #17044
This commit is contained in:
Hakeem Davis
2018-04-13 00:19:01 -04:00
committed by mrugesh mohapatra
parent 5fa098ea0d
commit 9f5eb3b14c
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
challenges/03-front-end-libraries/react.json
View File

@ -2157,6 +2157,7 @@
"<code>&lt;div style=\"color: yellow; font-size: 16px\"&gt;Mellow Yellow&lt;/div&gt;</code>",
"JSX elements use the <code>style</code> attribute, but because of the way JSX is transpiled, you can't set the value to a <code>string</code>. Instead, you set it equal to a JavaScript <code>object</code>. Here's an example:",
"<code>&lt;div style={{color: \"yellow\", fontSize: 16}}&gt;Mellow Yellow&lt;/div&gt;</code>",
"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.",
"<hr>",
"Add a <code>style</code> attribute to the <code>div</code> 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\"."