Your h2 element should use the font Lobster. what is the problem here?

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

p {
  font-size: 16px;
  font-family: monospace;
}
p {
  font-size: 16px;
  font-family: monospace;
  }

class="red-text" 
<h2>CatPhotoApp</h2>
</style>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="https://freecatphotoapp.com/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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Challenge: Import a Google Font

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

Your h2 element should use the font Lobster .
I don’t know how to do it inthat case

You have a lot going on here.

You probably shouldn’t define this twice

I’m not sure why you have monospace here

Why did you change this?

I saw it in another page to have the solution of that question. for that i change it

Hallo,
Your code would work fine, if You move the h2-element out of the style-element and return it to its original location in the document body, inside the main-element.

The tests fails, as the h2-element is not rendered (check the preview on the right of the code editor) because it does not count to the document body while it is inside another element belonging to the document metadata.

Best regards!

1 Like