STUCK on Step 50

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Code does not pass even though the legend text has been entered in correctly, not sure where I’ve got it 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">
        <fieldset>
          <legend text "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>
        <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

Challenge: Step 50

Link to the challenge:

2

The text for an element goes in between the opening and closing tags. For example, the text for an h2 heading is:

<h2>This is the text for the heading</h2>

Do the same thing for the legend.

3

Thanks a lot. I’d been stuck on this for hours. Just for clarity, which elements require quotation marks and which do not?

4

I’m not quite sure I understand this question. You never need to use quotation marks to put content in an element unless there are actually quotation marks in the content, but then you would use HTML entity codes to do that. Is this what you were referring to, or something else?

5

My question is referring to the use of quotation marks in different elements, for example in a previous step I was instructed to add indoor-outdoor buttons and quotation marks were needed so that the choices could be displayed on the website; this was under the input element with id, type and name attributes. However, with the legend element no quotation marks were needed and id been stuck on the step for ours only because I had added quotations marks when I shouldn’t have. So I’m not sure if its specific elements that require these quotation marks or its only for attributes that require this.

6

Thanks for the reply btw

7

The difference is that attributes aren’t actual content in the element, they are additional information about the element. Attribute values are always strings so you use quotation marks to define the string. Technically, if the string doesn’t have any spaces in it then you don’t need the quotation marks, but I think it’s considered best practice to always include them.

Content in the element (such as text in a p element) is the actual content you want to display on the page for the element. Anything you put in between the opening and closing tags for the element is what you intend to display on the page. So if you put quotation marks in the content for the element then those quotation marks will show up on the page.

1 Like
8

Wow bro, I really appreciate you taking your time to explain. Great explanation🫶🏽

9

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