Hi i dont get this one 2

Tell us what’s happening:

// const styles =
// change code above this line
class Colorful extends React.Component {
render() {
// change code below this line
return (
<div style={{color: “yellow”, fontSize: 24}}>Style Me!
);
// change code above this line
}
};


// const styles =
// change code above this line
class Colorful extends React.Component {
render() {
  // change code below this line
  return (
    <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
  );
  // change code above this line
}
};

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13099.72.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.94 Safari/537.36.

Challenge: Add Inline Styles in React

Link to the challenge:

const styles = {

color: ‘purple’,

fontSize: 40,

border: “2px solid purple”,

};

class Colorful extends React.Component {

render() {

// change code below this line

return (

  <div style={styles}>Style Me!</div>

);

// change code above this line

}

};

Hi guys thanks i figured it out now, just had to adjust some of the text. I always figure it out after asking for help