Why isn't my CSS being applied in codepen

Code Feedback
1

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

https://codepen.io/Jman11/pen/OdVPvM

2

It’s working for me:
Capture

Maybe you need to reload the page?

3

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

4

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">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!-- Bootstrap CSS -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
      integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
      crossorigin="anonymous"
    />
    <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>
  </head>

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
5

That worked perfectly. Thanks

6

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