Https://www.freecodecamp.org/learn/responsive-web-design/basic-css/import-a-google-font

Tell us what’s happening:
please help me solve this, I think I followed all the instruction but still, there’s error.
thank you

below is the instruction that I need to solve:
Your h2 element should use the font Lobster .
Your p element should still use the font monospace
Your code so far


<link href="https://fonts.googleapis.com/ccs?family=lobster" rel="stylesheet" type="text/css"
<style>
 .red-text {
   color: red;
 }
 h2 {font-family: lobster;}
 p {
   font-size: 16px;
   font-family: monospace;
 }
</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="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/84.0.4147.105 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

In which part do you have an issue?

You are missing the closing > for the link tag.

Your h2 element should use the font Lobster
Your p element should still use the font monospace

.red-text { color: red; } h2{font-family:lobster;} p{font-size: 16px;} p{font-family:monospace;}

in which part?

.red-text { color: red; } h2{font-family:lobster;} p{font-size: 16px;} p{font-family:monospace;}

i need to this. i dont know why there’s still error

Your h2 element should use the font Lobster
Your p element should still use the font monospace

Check the link tag, like I said.

You have this:

<link href="https://fonts.googleapis.com/ccs?family=lobster" rel="stylesheet" type="text/css"

Look at the end, it is missing the closing bracket >

<link href="https://fonts.googleapis.com/ccs?family=lobster" rel="stylesheet" type="text/css">

You’ve been on freecodecamp for one whole year! congrats

@anon58011934 Thanks. (the cake is taunting me…now I want cake IRL).

@venice Did you pass the challenge? Do you understand what the problem is and what you need to fix?

well deserved @lasjorg :clap:
@venice posted this issue Please help me to solve this, i cannot move on to my next lesson. thanks

I already found a solution to my problem. Thank you.

Yes. I already found a solution to my problem. My answer was all correct, I had to reset my computer because it’s not responding to the command. That’s why there’s an error. Thanks.

The code you posted was not correct. You forgot to close the link tag as I said. Compare the two.

This is what you have (look at the end):

<link href="https://fonts.googleapis.com/ccs?family=lobster" rel="stylesheet" type="text/css"

This is what it should be (look at the end):

<link href="https://fonts.googleapis.com/ccs?family=lobster" rel="stylesheet" type="text/css">

Anyway, good the hear you got it. Happy coding.