Nesting a form element

HTML-CSS
1

Tell us what’s happening:
I am trying to do the step one, which is nesting, but it won’t work. I’ve tried many times. Can someone tell me my error?

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>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>
  
  <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>
  <input type="text" placeholder="cat photo URL">
  <form action="/submit-cat-photo">
     </form>
<main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-form-element

1 Like
2

To “nest” means to put something inside something else. In this case, you want the text of the form to be between your form tags. Your tags are correct, you just need to put it around the content of the form, which starts just before<p>Things cats love:</p> and ends just before the closing main tag. Hope this helps :slight_smile:

3 Likes
3

Ok I got this! Thanks for your help.:smiley:

1 Like
4

Thank you Katie - this one stumped me too