Use an h2 CSS selector to change the font

Tell us what’s happening:

Your code so far


<style>
.h2 {
    color: red;
  font-family : lobster;
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }
</style>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<h2 class="h2">CatPhotoApp</h2>
<main>
  <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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/import-a-google-font

1 Like

Can you please edit your post and tell us what you need help with?

h2 is a tag here(not a class) . So you don’t need to write .h2

Just write h2

@nawfel

1 Like

Use an h2 CSS selector to change the font.
i can.t pass this

You are not passing, because you have made 4 mistakes.

  1. You have not created an h2 selector. Instead, you created a class named h2 (the dot in front makes it a class).

  2. In your h2 element, you assigned a class (which is not needed).

  3. You removed the original red-text class which had the color property value of red.

  4. You do not have the correct case for the Lobster font value

you have to change class name because header and class name should be same it take little bit error .try to solve that.all the best

A post was split to a new topic: Help with Use an h2 css selector to change the font

It’s weird. But this is how I passed it
Instead of (with space after font-family),

.h2 {
    color: red;
  font-family : lobster;
  }

Try (without space after font-family)

.h2 {
    color: red;
  font-family: lobster;
  }

gracias bro me ayudastes mucho