Font degradation in css

Tell us what’s happening:
hey i think i can see the degradation in font from Lobster to monospace but somehow i am not able to submit and go

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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36.

Challenge: Specify How Fonts Should Degrade

Link to the challenge:


@Marmiz @ilenia

This time I fear it’s FCC test to be more strict than the CSS parser itself (but need to verify this).

My suspicious is that the test suite is looking for an exact match in font-family.
Look at the given example:

font-family: Helvetica, sans-serif;

Again I think it’s a matter of formatting since you have an extra space before the ,.

font-family: Lobster , monospace;

I know it may be tedious, but programming requires precision, often time in the small little details :slight_smile:

1 Like

yaa thanks it worked fine
i will try not to add these spaces again and again they are really ruining the experience