Cat photo app step 65

HTML-CSS
1

I am not sure why it is telling me I’m wrong, I put the head above the body and below the closing body…

<html>
  <head>
    <body>
      <main>
        <h1>CatPhotoApp</h1>
        <section>
          <h2>Cat Photos</h2>
          <!-- TODO: Add link to cat photos -->
          <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
          <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
        </section>
        <section>
          <h2>Cat Lists</h2>
          <h3>Things cats love:</h3>
          <ul>
            <li>cat nip</li>
            <li>laser pointers</li>
            <li>lasagna</li>
          </ul>
          <figure>
            <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
            <figcaption>Cats <em>love</em> lasagna.</figcaption>  
          </figure>
          <h3>Top 3 things cats hate:</h3>
          <ol>
            <li>flea treatment</li>
            <li>thunder</li>
            <li>other cats</li>
          </ol>
          <figure>
            <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
            <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
          </figure>
        </section>
        <section>
          <h2>Cat Form</h2>
          <form action="https://freecatphotoapp.com/submit-cat-photo">
            <fieldset>
              <legend>Is your cat an indoor or outdoor cat?</legend>
              <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
              <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
            </fieldset>
            <fieldset>
              <legend>What's your cat's personality?</legend>
              <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
              <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
              <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
            </fieldset>
            <input type="text" name="catphotourl" placeholder="cat photo URL" required>
            <button type="submit">Submit</button>
          </form>
        </section>
      </main>
      <footer>
        <p>
          No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
        </p>
      </footer>
    </body>
  </head>
</html>

what am I missing here???

2

You need to post your code so we can see what you are talking about.

3

(post deleted by author)

4

Your head element should not surround the body element.

Think of it as a person, the head would not surround the body. The head element should be above, including the closing tag.

This might be confusing at the moment, but the head element includes things that will not show on the page such as your imports of other files. Your body includes everything that actually shows on the page. You will learn about this more later on.

5

Thank you!! I forgot that it’s kind of its own section :slight_smile:

6

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