Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hey I’m still stuck at Step 46

  **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" radio="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 (X11; CrOS armv7l 12371.89.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36

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

Link to the challenge:

2

generally html tag names, it’s attributes and their values are defined in lower case

3

Oh okay let me try to correct it.

4

Hey i’m still stuck at the same point

5

you might have also changed the text of label to lowercase, you should not change it

6

sorry I now see it, there is no attribute name in html radio

7

this is what I was talking about, type=“radio” already defined

1 Like
8

Oh okay I need to add it up

9

This my code so far:
Indoor
outdoor

10

outdoor should be capitalized like Indoor

1 Like
11

When you try to show us code, wrap it in triple backticks. An example:

backtick x3
code
backtick x3

Backticks are between tab and esc on most keyboards.

12

I think here is some confusion, I said earlier that attributes and it’s values are generally defined in lower case which are not visible parts of html page’s content but elements’ text are visible parts of it, so should be according to how you would to show them to a viewer so the text between label tags <label>outdoor</label> is supposed to be capitalized because this is what fcc expects from you to pass the challenge

13

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