solution please ,thankyou

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">
<form action="https://freecatphotoapp.com/submit-cat-photo"></form>
</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.111 Safari/537.36 Edg/86.0.622.61.

Challenge: Create a Form Element

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

Screenshot 2020-11-06 171541
Screenshot 2020-11-06 171541695×317 60.4 KB

1 Like
2

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:

<div>
  <p>Hello World!</p>
</div>

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:

<main>

// content

</main>

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!

2 Likes
3

thanks a lot ,finally it`s done well .

1 Like