Comment out not working why?

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;
}
</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; rv:89.0) Gecko/20100101 Firefox/89.0

Challenge: Specify How Fonts Should Degrade

Link to the challenge:

Hello there,
You do not need to comment the google font API. You need to add another font options for the h2 element like this:

p {
  font-family: Helvetica, sans-serif;
}

@reidygeoff45, you correctly commented out the call to the Google font however, you were tasked with adding adding monospace as a fallback.
Revisit the lesson, you were not to delete anything from the font-family.

The failing message tells you this. It reads
Your h2 element should use the font Lobster. Your h2 element should degrade to the font monospace when Lobster is not available.

To begin, apply the monospace font to the h2 element, so that it now has two fonts - Lobster and monospace .

In the last challenge, you imported the Lobster font using the link tag. Now comment out that import of the Lobster font (using the HTML comments you learned before) from Google Fonts so that it isn’t available anymore. Notice how your h2 element degrades to the monospace font.

I can’t see where I have deleted anything. I have got h2 {

font-family: Lobster; monospace;

}

you used a semicolon between the two types of fonts, you need to use a comma instead.
like this: font-family: Lobster, monospace;

1 Like

That is the kind of help that I need many thanks for your advice I am very grateful.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.