Learn HTML by Building a Cat Photo App - Step 38

HTML-CSS
1

Tell us what’s happening:

Hello, I’ve tried all the possible variations of input type=“text” and the error it gives me doesn’t help me see the issue. Any help would be appreciated.

Sorry this is similar to so many other posts on here regarding this step but i reviewed them and still seem to be missing something.

P.S. I have a working text box in my preview with it as is?!

Thanks everyone.

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

<!-- User Editable Region -->

          <input type="text">

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:122.0) Gecko/20100101 Firefox/122.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 38

2

What sort of error are you getting? Additionally have you tried clearing your browser cache to see if that helps. Everything about your response looks and feels correct.

Hope this helps. :slight_smile:

3

what step of the cat app is this?

4

This is the error:

Sorry, your code does not pass. Hang in there.

Your input element should have a type attribute with the value text. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.

I’ll try clearing cache now. Great suggestion. Thank you.

5

reset the lesson and try again

6

It is step 38. I have reset it numerous times and still no luck. I have gone back and started fresh at step 37 and then same thing at this step. I have moved my code to line 38 instead of 37 for kicks and giggles and no luck there. :frowning:

7

when you reset don’t tamper with their code, just a space and the type:

<input type="text">
8

I just tried that. I reset then have to click my cursor onto the line and merely type a space followed by type=“text” and then run a check and it pops out the same error as above. I’m losing my mind here.

9

Are you all giving me hints that I’m not picking up on?

10

Welcome to the forum @Jwacodeb

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
11

I did all those things and now it worked. Thank you !!!

2 Likes
12

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