I need help with the nesting part!

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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://www.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://www.freecatphotoapp.com/submit-cat-photo">
 </form>
</main>
**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
2

hey you’ve made a small mistake if you go back and read the challenge provided again you can fix this with ease.

emphasize on the “nesting” part

3

I got it solved!!:slight_smile:
I need more practice on nesting… May i ask why we nest our coding and why we should do it?

4

We use nesting to keep the code more organized and structured which makes it easier to read and maintain it, nesting not only applies to <form> tags it applies for everything like nest a <div> inside another <div> or a any tag and it also helps screen readers to identify the content of the web page easier.

explanation of html nesting.

5

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