Why isn't my CSS being applied in codepen

My project works fine in VS Code but after copying into codepen the CSS is not working


It’s working for me:

Maybe you need to reload the page?

The body should have a light blue color. I am seeing white

You are over riding your styles.

Remove this:

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>


Hello Camper!

For now, the test suite only works in Chrome! Please read the README below in the JS Editor before beginning. Feel free to delete this message once you have read it. Good luck and Happy Coding! 

- The freeCodeCamp Team 

<!DOCTYPE html>
<html lang="en">
    <!-- Required meta tags -->
    <meta charset="utf-8" />
      content="width=device-width, initial-scale=1, shrink-to-fit=no"

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">

    <title>Hello, world!</title>

Click on the gear and add your meta tags, bootstrap, fontawesome in your settings. Codepen will add them in automatically and you can get the full code by clicking export (bottom right)

1 Like

That worked perfectly. Thanks

Hey man, you never replied to my reply, but to your own original post, so I was never alerted to this. Glad you got an answer!

1 Like