×

×

Correct!

Exercise:

Add the following CSS styles inline to the <h1> element

color = "purple"

const Header = () => { return ( <> <h1 style={{color: "purple"}}>Hello Style!</h1> <p>Add a little style!</p> </> ); }

const Header = () => { return ( <> <h1 style={{color: 'purple'}}>Hello Style!</h1> <p>Add a little style!</p> </> ); }

const Header = () => { return ( <> <h1 style={{color:"purple"}}>Hello Style!</h1> <p>Add a little style!</p> </> ); }

const Header = () => { return ( <> <h1 style={{color:'purple'}}>Hello Style!</h1> <p>Add a little style!</p> </> ); }

Not Correct

Click here to try again.

Correct!

Next ❯

const Header = () => {
  return (
    <>
      <h1 style=w3exercise_input_no_0
>Hello Style!</h1>
      <p>Add a little style!</p>
    </>
  );
}

Completed 0 of 24 Exercises:

React Get Started

Exercise 1 Go to React Get Started Tutorial

React ES6 Arrow Function

Exercise 1 Go to React ES6 Arrow Function Tutorial

React ES6 Variables

Exercise 1 Go to React ES6 Variables Tutorial

React ES6 Array Methods

Exercise 1 Go to React ES6 Array Methods Tutorial

React ES6 Destructuring

Exercise 1 Exercise 2 Go to React ES6 Destructuring Tutorial

React ES6 Spread

Exercise 1 Go to React ES6 Spread Tutorial

React ES6 Ternary

Exercise 1 Go to React ES6 Ternary Tutorial

React JSX

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React JSX Tutorial

React Components

Exercise 1 Exercise 2 Go to React Components Tutorial

React Props

Exercise 1 Go to React Props Tutorial

React Events

Exercise 1 Go to React Events Tutorial

React Conditionals

Exercise 1 Go to React Conditionals Tutorial

React Lists

Exercise 1 Go to React Lists Tutorial

React Hooks useState

Exercise 1 Go to React Hooks useState Tutorial

React Hooks useEffect

Exercise 1 Go to React Hooks useEffect Tutorial

React CSS Styling

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React CSS Styling Tutorial