# Css not working in codepen: How do I link css in html correctly?

**URL:** <https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701>\
**Category:** General\
**Created:** [April 11, 2019, 9:39am UTC](https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701 "2019-04-11T09:39:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdotcoder](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mdotcoder/32/30961_2.png) [@mdotcoder](https://forum.freecodecamp.org/u/mdotcoder)\
**Post date:** [April 11, 2019, 9:39am UTC](https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701/1 "2019-04-11T09:39:01Z")

</div>

Hi all,  
I’m using codepen for my projects. The css won’t work. I’m thinking i’m linking it wrong. please how do i link the css file correctly in the html. Thanks.  
Here’s a link [https://codepen.io/mdotcoder/project/editor/DBQamK#](https://codepen.io/mdotcoder/project/editor/DBQamK#)

---

<div class="post-metadata">

**Author:** ![DanCouper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dancouper/32/158608_2.png) [@DanCouper](https://forum.freecodecamp.org/u/DanCouper)\
**Post date:** [April 11, 2019, 9:56am UTC](https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701/2 "2019-04-11T09:56:00Z")

</div>

I’m not familiar with how the setup on CodePen projects works, but I’m going to assume you need the link to point to `style.processed.css` (a browser has no idea what SCSS is). Also, unless there is some special convention for Projects, the link is wrong? You have your index.hmtl in a folder alongside the css folder, so afaics it should be like `../css/style.processed.css` (ie the link says you need to navigate up from the current folder then into the `css` folder).

---

<div class="post-metadata">

**Author:** ![mdotcoder](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mdotcoder/32/30961_2.png) [@mdotcoder](https://forum.freecodecamp.org/u/mdotcoder)\
**Post date:** [April 11, 2019, 11:10am UTC](https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701/3 "2019-04-11T11:10:58Z")

</div>

You are a life saver! Your solution totally worked. I’ve banged my head for 2 days over this. Thank you !

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:02pm UTC](https://forum.freecodecamp.org/t/css-not-working-in-codepen-how-do-i-link-css-in-html-correctly/270701/4 "2021-01-17T20:02:04Z")

</div>


