Inline Styles in React

1

Got the solution
fontSize:‘40’ should be changed to fontSize:40.

Code runs perfectly. Couldn’t understand why I am not able to go to next level.

These are the requirements shown as not satisfied( though they run on the screen perfectly)

The styles variable should have a fontSize property set to a value of 40
The div element should have its styles defined by the styles object.

Code

const styles = {
color: ‘purple’,
fontSize: ‘40’,
border: ‘2px solid purple’
}
class Colorful extends React.Component {
render() {
return (

Style Me!

);
}
};

Browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
front-end-libraries/react/add-inline-styles-in-react

2

It’s simply the test being picky.
Get rid of the quotes around fontSize: ‘40’.

3

Thanks.Got it. :grinning: