Learn HTML by Building a Cat Photo App - Step 55

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
i dont understan why its still saying this

  **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>
          <input id="loving" type="checkbox"><label for="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.5060.134 Safari/537.36 Edg/103.0.1264.77

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

Link to the challenge:

2

You didn’t close the first label tag. Also there should be text between the 2 <label> elements.

3

i dont understand i nested the for=loving inside the labels and put a closing tag label at the end so whats the issue?

4

When you are making an element in HTML there is one each of <> per element. Look at the end of your first <label> element. Notice anything missing?

5

oh i see but when i put the > there it says this. The text Loving should no longer be located directly to the right of your checkbox. It should be wrapped in a label element. Make sure there is a space between the two elements.

6

Ok, so we want the word “Loving” nested in between the two <label> elements. An example:

<span>This is text</span>

In the above the only thing you would see on a rendered page, meaning what everyone looking at an actual webpage would see, the only words you would see would be “This is text”.

7

this is how my code looks <label"loving"label>

8

Capitalization is very important in coding.

9

i also tried it capital aswell as lower case

10

Ok, all it should have taken to fix the issue is you adding a > at the end of your <label for="loving"> and then typing, in plain text, the word “Loving”. I am using quotation marks to draw attention to the word itself, not that it should be typed with them included. If it still won’t pass I would advise resetting the step, you may have accidently change other code.

12

this is how the code needs to go in order for the word Loving to turn blue

13

you need to have only one in this line

14

one what one labal? or one for=loving

15

only one label, but you need to have more attention at closing tag and sign , don’t miss “<” or “>”

16

and a little spoiler, the label is not at the beginning line

17

so it should look like this for=“Loving”

18

so it should look lik ethis <for=“Loving”

19

< label> for=“Loving”

20

no, you need to put the label start tag, in the label start tag you put the “for”, after you put the “>” you put the word, and the label closed tag

21

If you want to show us code, wrap it in three backticks. Example:

backtick x3
code
backtickx3

The backtick is located between the esc and tab keys on most keyboards.