Import a Google Font grid-lock

Tell us what’s happening:

What’s an h2 css selector?

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-size:20px;
  font-family:lobster, GENERIC_NAME;
}
  p {
    font-family: monospace, GENERIC_NAME;
  }
</style>

<h2 class="red-text">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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/7.0.185.1002 Safari/537.36.

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

Hey again @nukimoya :slight_smile:

Can I offer a friendly bit of advice as this is your second thread in about 20 minutes? These early challenges should be relatively straightforward and everything you need to pass them is explained in either the lesson you are currently on or a previous test and I think there is some evidence that you’re not processing the concepts before moving on to the next challenge.

Obviously how you use FCC is entirely up to you, but you’ll find the latter - and thus more difficult - stages less taxing if you don’t just hammer through the early ones.

I’ll admit that it is difficult not to try and get through them ASAP - I made the same mistake when I started FCC and only when I realised I was going too quickly, did I go back through the lessons a bit more methodically and gain 100x more insight from them.

It shouldn’t be too tricky - take a little longer to look at it - but you’re missing something quite fundamental.

If you still can’t work it out, let me know and I’ll walk you through the process.

hi, i still can’t get it,

Unsure why you’ve added ‘generic_name’ to the font list. I’m sure that’s not a condition of the challenge.

Done it, yet i can’t get through

Thanks for your help though, but i’ve finally cracked it. I did not apply the lobster font to the h2 correctly. I initially incorrectly applied two h2 selectors, then i tried correcting myself by applying the lobster font to the h2 selector but only after the monospace font, this too did not work. Afterwards, i changed the arrangement : this time lobster before monospace, it worked but the lobster font failed to degrade to the monospace font then i had to change the semi-colon sign(:wink: after the lobster font to a comma(,) sign, Then i succeeded.