solution please ,thankyou

Tell us what’s happening:

Your code so far

<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>

<input type="text" placeholder="cat photo URL">
<form action=""></form>

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.111 Safari/537.36 Edg/86.0.622.61.

Challenge: Create a Form Element

Link to the challenge:

1 Like

Hi @eslenop. Welcome!
I cannot provide full solutions in this forum as we help you do things yourself. I will guide you through the steps:

  • You have done everything correct, except the nesting part.

If you don’t understand nesting, I will explain:

  <p>Hello World!</p>

In the above example, the p element is nested inside the div and becomes the child element of the div. Why? Notice that the p element is between the opening <div> and closing </div> tag. When you do so, an element inside the div becomes nested.

A great example is in your code itself:


// content


This is the same thing you need to do here. You should nest the EXISTING input element inside the form element.

Hope you understand. Happy Coding!


thanks a lot ,finally it`s done well .

1 Like