Learn HTML by Building a Cat Photo App - Step 36

HTML-CSS
1

Tell us what’s happening:

Please help! I have tried googling what the problem is and only got more confused. I looked for other posts here and am still confused. Could someone explain like I am a total idiot what I’m doing wrong because I’m not sure what I’m doing wrong.

I’m sure it’s an idiot behind the keyboard problem but if someone could point out where I’m going wrong I would be super appreciative.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>

<!-- User Editable Region -->

        <form>
           <form action="https://freecatphotoapp.com/submit-cat-photo"> </form>
        </form>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 36

2

Hi @MummyDearest
You have enclosed a form element inside another form .
remove the opening and closing form tags and try running it

Hope this helps

3

Hello,

This is your current code:

<form>
   <form action="https://freecatphotoapp.com/submit-cat-photo"> </form>
</form>

The lesson wants you to add the action button to the pre-existing form element. You have instead chosen to create a new form element within the already existing form element. It’s a simple error and I assume you did it based on the example provided in the lesson. It’s important to pay attention to the words of the lesson for reasons like this.

4

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