Gatsby
Up and Running with Gatsby: Styling

Assignment: Styled Components

PRO

Here's an exercise for you to help you get the hang of styled components.

We've looked at how to use styled-components and created a Container component in our layout. Now let's do an assignment to give you some extra practice.

Create a button in the About page using Styled Components. Push yourself here: add a conditional to change the styling if a primary prop is detected. Read the docs to learn more and check out the Styled Components homepage to see an example.

 

I finished! On to the next chapter