Basic CSS - Import a Google Font

HTML-CSS
1

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

Your code so far


<Link href="https://fonts.goggleapis.com/css? family=lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }
h2{
font-family= lobster;
}
</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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <div>
    <p>Things cats love:</p>
    <ul>
      <li>catnip</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 mobile information:

TECNO KJ5 - Android 13 - Android SDK 33

Challenge: Basic CSS - Import a Google Font

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Welcome to the forum @Victoria8

Here is the link element from the instructions.

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

This is your code for the link element.

  1. The tag name should not start with a capital letter
  2. There should be no space after the question mark.
  3. The font name was not capitalised.
  4. Compare the font property in the p element to the one in the h2 element.

For next time, describe the issue in your own words. Learning to communicate problems is a part of becoming a web developer.

Happy coding