Learn HTML by Building a Cat Photo App - Step 47

HTML-CSS
1

Hiii,

Hoping someone can help.
So iv entered the input along with the value id thats been requested
and to me it looks correct. Someone one please tell me where ive gone wrong
Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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">
          <label><input id="indoor" type="radio"> Indoor</label>
          <label><input id="Outdoor"type="radio"> Outdoor</label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

i spy with my little eye, a single letter that is incorrect…
(check your id value again. lowercase or uppercase O?)

ps. make sure you leave one space between your attribute statements (don’t smush them up against each other)

1 Like
3

Ive tried both lower case and upper case but still not accepting the code.
Ive refreshed as well .
Thank you thoughx

4

can you show me the corrected code?

5

this is it :
Outdoor
and this is the hint that keeps coming:
Your new input should have an id attribute with the value outdoor .

6

hello, the id is still wrong though. Can you fix that and retry?
if it still doesn’t work, post your newest attempt.

1 Like
7

Hiya,

when i use lowercase: outdoor
the hint is:
The label text for your new radio button must be exactly Outdoor . This includes capitalization.

when i do above: Outdoor
<input type=“text” name=“catphotourl” placeholder="cat photo
The hint says : Your new input should have an id attribute with the value outdoor .

i dont get where im going wrong ?

8

this code is correct except for the id and the space
Just fix those two things I mentioned and try.
If it doesn’t work, please just post your new code so I can check if there is anything else wrong (don’t fix it then change it back as that is just going backwards)

1 Like
9

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