Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:

Been trying but just couldn’t pass this step,I have no clue on what to do next. Will appreciate your help guys

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 type id="radio indoor"
      <input type="text" name="catphotourl" placeholder="cat photo URL" required>  
         

<!-- User Editable Region -->

          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 46

1 Like
2

You should not place Indoor word inside id attribute. You should place it like in the example given, after you close <input> tag

4 Likes
3

Can you help with the code? It’s telling me to create an input element for radio button and indoor as an option

4

This is your example: <input type="radio"> cat, you need to do the same but instead of writing cat write Indoor

5

Screenshot_20241114-191213
Screenshot_20241114-191213720×1612 147 KB

6

Hi there!

You have placed the new input element on the wrong line. You need to add it before the previous existing input element.
Edit: screenshots are not really helpful. Post your code here in your reply using three back ticks (```) on a separate line before and after your code block.

7

Hello and welcome to the forum community @001_Dan!

Good attempt!

If you move the new code for the radio button to be above the old one your code will pass. (In the screenshot provided)

Wishing you good progress on your coding journey. :slightly_smiling_face:

1 Like
8

Hey Buddy, Here you need to remove the word Indoor and need to write it after input,

2nd kindly do add closing bracket.

Hope You Understand.

1 Like