Nesting is not working inside form element

HTML-CSS
1

I have tried many different ways on how to do this but I am still getting the message " The existing input element should be nested within a form element."

I have looked it up in the forum and all the ways people have said it has worked is not working on top of what I’ve tried.

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>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="Cat Photo URL">
</form>

<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">
</main>

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

2

You now have two input elements. The original, which you were supposed to wrap in the form element, and the one you copied into the form element you created at the top of the page.

Reset the lesson and follow the instructions " Nest the existing input element inside a form element"

3

I figured it out! I appreciate your response.

1 Like
4

hey bro this thing is working well