Learn HTML by Building a Cat Photo App - Step 39

HTML-CSS
1

Tell us what’s happening:

Step 39
The input element allows you several ways to collect data from a web form. Like img elements, input elements are a void element and do not need closing tags.
Nest an input element in the form element.

Sorry, your code does not pass. Hang in there.
Your form element’s opening tag should only have an action attribute. Remove anything else you may have typed in it.

I’ve tried almost everything, tell me what is wrong, please?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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 action="https://freecatphotoapp.com/submit-cat-photo">
        <input>
        </form>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 18_0_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) EdgiOS/131.0.2903.76 Version/18.0 Mobile/15E148 Safari/604.1

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 39

2

Try read what the instructions says. They are gonna be key as you progress through different challenges, just a heads up from someone who went through the same thing you did back when I also started not too long ago. Good luck in the future, you’ll need it

3

Well thank you for the reply, but I actually followed the exact instructions in the 39 step but I couldn’t make it through”Pass”, have you encountered something like this in the past?

4

Welcome to the forum @Ftn

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding

1 Like
5

The input element is not nested.

6

I’m sorry? the input element is nested in the form element

7

Thank you very much, Teller. It worked when I switched to another browser. Much Appreciated.

1 Like