Learn HTML by Building a Cat Photo App - Step 48

HTML-CSS
1

Hi coders, I’m stuck here, can someone please assist me

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
![Screenshot_20250206-205044|225x500](upload://9zpPoOXvs5oXBdJgE9xBr7rBmWL.png)
 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">
   <label><input type="radio">indoor<input id="indoor"></label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your mobile information:

SM-A032F - Android 13 - Android SDK 33

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

Link to the challenge:

2

Hi there. What is that within the img element?

3

You created input element twice. Reset the challenge step and add the required attribute and value to the existing input element.

4

It states that my "I’d button should have an id attribute .check that there is a space after the opening tags name and/ or there are spaces before all attribute name

5

The hint is confusing you because you created another input element. Did you know the radio button element in your code?

6

I don’t understand what’s expected of me to do can you please enlighten me

7

Okay. The instructions is asking you: Add an id attribute with the value indoor to the radio button. When elements have multiple attributes, the order of the attributes doesn’t matter.

What do you not understand in the instructions?

8

I’ll try it later onwards and let you know how it went

1 Like
9

Hi there I’m still stuck on task 60 can you please assist.

10

Hey,
can you upload your updated code?

11

I managed to get through thank you…

1 Like