I dont know what i am supposed to do

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style>
.red-text {
  color: red;
}

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/90.0.4430.212 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

As in the example provided. It wants you to link to that google lobster font. They provided the link in the discussion.

Import the font by using that line they gave you. It is a link to the font that is hosted by google. Use it as is.

That line goes at the very top of the page. (later I think you will learn about <head></head> tags).

Then you will have to create a CSS selector for the h2, and set the font-family property to use the Lobster font that you imported.

Look at the code… see this part:

p {
  font-size: 16px;
  font-family: monospace;
}

that is the CSS selector for the <p> tag. You need to create one of those for the h2 tags. Using the p selector as a guide to create the h2 selector.

Then in the CSS, for the h2 tag, define the font-family to use theLobster font.

The CSS is the stuff within the curly braces { } .

Don’t mess with the <p> tags or CSS p selector, …it wants those to still use the monospace font that already exists there.

image

They have given you a link to import on the top of all your code. Paste that in your code(on the top line), and change your h2 element’s font-family to Lobster

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