Please help I'm stuck on the create a form challenge not sure how to nest it properly. Any type of help will suffice thanks in advance!

HTML-CSS
1

Tell us what’s happening:

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

  **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

2

Screenshot_20210219_210023
Screenshot_20210219_2100231080×2340 241 KB

check the screenshot
nesting of elements means putting one element inside another element. so that they can work as desired.

so in this case when you put “input” element inside “form” elment then the input data will go to server whose url is provided inside “form” tag. because thats what the “action” attribute do. it sends the input data of a form to a specified url.

happy coding

3

nesting means putting one element inside of another, example:

<div>
   <p>I'm a nested p element</p>
</div>

check your challenge description, they also provide a similar example that will be what you need.

4

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