Learn HTML by Building a Cat Photo App - Step 55

HTML-CSS
1

Tell us what’s happening:
I do not understand

  **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">
        <fieldset>
          <legend>Is your cat an indoor or outdoor cat?</legend>
          <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
          <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
        </fieldset>
        <fieldset>
          <legend>What's your cat's personality?</legend>
          <label><input id="loving" type="checkbox"> </label>Loving</label>
        </fieldset>
        <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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

Would you be so kind to be more specific? We need to know the issue in order to provide help

3

the site is telling me to do this You will need to add a new label element in which to nest the text Loving . Make sure it has both an opening and closing tag and I do not understand

4

ok, I see.

Try to reset the step first.

Then, you’ll need to

this means that text Loving should be between opening and closing tags of the label element
like this:

<element>text</element>
5

I just did just that and it says You should make sure the checkbox is still present. :expressionless: :face_with_raised_eyebrow:

6

I need to see exactly what you changed, so post your updated code here please
Do you know how to make code in your post look like

this

???

7

how do i do do that should i post a new help forum

8

no

You can reply to me in this topic

When writing post, press ctrl-e
You will see this

```
your code goes here
```

So copy paste all relevant code you want to share between backticks, that’ll do it

9 
type or paste code here
``<input id=<label>"loving"</label> type="checkbox"> Loving`
10

ok, almost perfect :slightly_smiling_face:
You can edit it a little better tho, look here:

11 
I do not really get the whole scenario
12

What scenario?
The above is just different options how to share your code here.
To speak about code, we need to share it like all the time.

13

ok please since you have already seen my code can you please help me with it

14

ok
here actually more mistakes than in the previous version.
You were not supposed to change input element at all.
Here you have label element inside input element. That’s not a thing, we don’t do that.
Text Loving should be wrapped up in the label, I described earlier how to do that.

15

is there a way i could screen record so you could see how i did it

16

Not sure about this one.
We kinda dealing with written code here usually, not videos

17

ok .
So should it be done like this
<input id="loving" type="checkbox"> <label>Loving</label>

18

What did you mean by this? This is just single word, can’t see any code here.

19

i typed a code i do not know what happened

21

I do not know what is happening the code is not appearing