# Issue with CSS challenge

**URL:** <https://forum.freecodecamp.org/t/issue-with-css-challenge/124005>\
**Category:** General\
**Created:** [June 6, 2017, 5:31am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005 "2017-06-06T05:31:48Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 5:31am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/1 "2017-06-06T05:31:48Z")

</div>

the code seems correct but the validator returns the following errors:

Your h2 element should use the font Lobster.

Your p element should still use the font Monospace.

The preview shows the results as expected.

```auto
    <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
    <style>
  
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
  
  h2 
  {
    font-family: Lobster;
  }
</style>

<main>
     <h2>CatPhotoApp</h2>

  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div>
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

```

---

<div class="post-metadata">

**Author:** ![ababavali23](https://avatars.discourse-cdn.com/v4/letter/a/c5a1d2/32.png) [@ababavali23](https://forum.freecodecamp.org/u/ababavali23)\
**Post date:** [June 6, 2017, 5:52am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/2 "2017-06-06T05:52:10Z")

</div>

It seems you forgot to add Lobster font reference. Add this below line to your code it will solves your problem.

 \<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lobster"/

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 6:18am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/3 "2017-06-06T06:18:34Z")

</div>

But I have. It wouldn’t show before as it wasn’t formatted as code. Sorry for the miss. The issue is despite the linking the Google font.

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [June 6, 2017, 8:41am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/4 "2017-06-06T08:41:43Z")

</div>

I cleaned up your code.  
You need to use triple backticks to post code to the forum.  
See [this post for details](http://forum.freecodecamp.com/t/forum-code-formatting/25574).

Can you post the title of the challenge?

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 9:02am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/5 "2017-06-06T09:02:11Z")

</div>

Thanks @kevcomedia - The challenge title is **Basic CSS: Import a Google Font**

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [June 6, 2017, 9:05am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/6 "2017-06-06T09:05:33Z")

</div>

Strange, your code works. Maybe you should try clearing your browser’s local storage, or do this challenge in incognito or another browser.

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 9:06am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/7 "2017-06-06T09:06:13Z")

</div>

Let me try that. It didn’t work in Chrome either.

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 9:14am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/8 "2017-06-06T09:14:47Z")

</div>

![](https://global.discourse-cdn.com/freecodecamp/original/3X/6/8/68c5e56762829ec59a7fdfeb1f6ac031095ad6f4.PNG)

Still error.

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [June 6, 2017, 9:16am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/9 "2017-06-06T09:16:45Z")

</div>

Are you using the same code that you posted, or did you change it? The code that you posted worked fine here, both in Firefox and Chromium

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [June 6, 2017, 9:23am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/10 "2017-06-06T09:23:09Z")

</div>

Hold on, are you sure that challenge is Import a Google Font? The tests don’t have the `Use an h2 CSS selector to change to font.` Are you perhaps doing it in beta?

![](https://global.discourse-cdn.com/freecodecamp/original/3X/c/c/cc552a8e91a83f1809f26bf863db329052b28eeb.png)

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 9:25am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/11 "2017-06-06T09:25:26Z")

</div>

> [@kevcomedia](#):
>
> Hold on, are you sure that challenge is Import a Google Font? The tests don’t have the Use an h2 CSS selector to change to font. Are you perhaps doing it in beta?

That’s correct, I am doing this in BETA. Is there an open bug against this challenge in BETA?

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [June 6, 2017, 9:29am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/12 "2017-06-06T09:29:21Z")

</div>

Ok, I think I’ve recreated your problem. You code works in Chromium, but not in Firefox (same tests are red).

You should do the beta on Chrome or Chromium, as there are known bugs in Firefox.

---

<div class="post-metadata">

**Author:** ![Titash](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@Titash](https://forum.freecodecamp.org/u/Titash)\
**Post date:** [June 6, 2017, 9:32am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/13 "2017-06-06T09:32:51Z")

</div>

The code seems pretty straightforward to work in just about any browser. Just tested in Chrome. It works. Thanks @kevcomedia and @ababavali23

---

<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, 9:36am UTC](https://forum.freecodecamp.org/t/issue-with-css-challenge/124005/14 "2021-01-17T09:36:54Z")

</div>

Closed on January 17, 2021, 9:36am UTC