Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

HTML, something miss.
level 46

<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>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <input type="text">
          <button>Indoor</button>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your mobile information:

iPhone - iOS18.1.1

Challenge: Learn HTML by Building a Cat Photo App - Step 46

Link to the challenge:

2

Hey,
Read the instructions carefully, you are missing an input element.

3

I have new input before input with attribute “name”. Dont understand.

4

When i try to change attribute type from text to radio (for the first input) i have a message “Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.”

5

The first input should be type radio and the next one be type text. It might help to hit the reset button then add the new input with the correct type before the two lines of code that appear.

6

IMG_5932
IMG_5932828Ă—1792 65.3 KB

IDK. Tried reset.

7

You don’t need the button element under the radio input. You can remove it completely, should work now.

1 Like
8

Thank you, for your attention @ruelastech7 :heart: Mistake is create button tags.

1 Like
9

Yup! good job finding it.

1 Like