Learn HTML by Building a Cat Photo App - Step 47

HTML-CSS
1

Tell us what’s happening:
I am having trouble with the other label

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <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">

<!-- User Editable Region -->

          <label>
            <input id = "indoor" type = "radio"> Indoor
          </label>
<!--This line (below) doesn't work and I don't get it. It says I need to nest it but it seems impossible to nest a label so I just decided to make a new label-->
<!--Create another radio button below the first one. Nest it inside a label element with Outdoor as the label text. Give the radio button an id attribute with outdoor as the value. ::: THIS WAS IS THE INSTRUCTION-->
          <label>
            <input id = "outdoor" type = "radio"> Outdoor
          </label>
          

<!-- User Editable Region -->

          <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/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

Oh i forgot to put the detailed problem in the post itself… but I wrote it in the comments

3

Make a new label and repeat the same step you did to the indoor radio button but this time change it to outdoor…

1 Like
4

Bruhhhh… i love the pfp​:sob::sob:

2 Likes
5

Delete blank spaces around every “=” operator in the code (in both input elements).

1 Like
6

haha i love him. definitely one of my favorite characters

1 Like
7

Wait wait wait… you watch anime???

1 Like
8

ah. thank you! that helped. i did not know html is kind of sensitive when it comes to spacing :melting_face: i kinda formed a habit of putting spaces to make my codes look clean.

1 Like
9

Ye that happens… but you will get used to it soon

10

i used to watch anime back in the days but now i dont really have much time since im busy in college :smiley:

1 Like
11

Damn… your in college??? I am just a 10th grader​:sob::sob: but tbh… i always have time for anime​:smirk:

12

ah good old days. i wish i could still watch multiple episodes a day :face_holding_back_tears: good luck in your studies tho

13

Thanks… you a girl or a boy??? Just asking

14

im a girl :smiley: :smiley: damn this thing wont let me reply with less than 20 characters :melting_face:

15

That is true… but i have gotten used to it tbh

16

Ahomine
dreii

Use the private chat icon for topics that do not relate to the challenge:

image
image1129×506 34.8 KB

2 Likes
17

I did not know there was one tbh… sry

2 Likes
18

Alright, noted… Thanks! :smiley: :smiley:

1 Like
19

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