Can't passed requirement

HTML-CSS
1

Tell us what’s happening:
Lobster font is install in my device but I can’t passed this requirement "h2 element should use the font Lobster" .

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;
}
</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/87.0.4280.88 Safari/537.36.

Challenge: Specify How Fonts Should Degrade

Link to the challenge:

2

@codebot

You comment out the start of the <style> tag so that the css codes are not valid as code.

Hope this help

1 Like
3

Thanks bro for your comment. I follow your instruction. But still show the same result.

image

4

@codebot I think it is still not working because of you installed the font. So I suggest you these things:

  • Use other device like which haven’t installed the font
How to?

First choose the device that haven’t installed the Lobster font. Than Sign in to your account with that device. Than open that challenge and edit your code to correct code than submit, so you passed the challenge in every devices.

  • Skip that challenge
How to?

If you understand what challenge teach you, you can skip! But the challenge will not passed in your progess.

Hope This Help

1 Like