Did I do step 48 right?

HTML-CSS
1

Does this look right? the Hint is saying my code is 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>
      <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 value="indoor" type="radio" name="indoor"> Indoor</label>
        <label><input value="outdoor" type="radio" name="outdoor"> 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 48

Link to the challenge:

2

You added the value attributes correctly but you deleted the id attributes. Both should be there on each element.

3

Seems you’ve changed a lot that you didn’t need to… compared to the original lines of code I’ve pasted below, you’ve changed the “name” attributes and have deleted the “id” attributes:

ORIGINAL STARTING TEXT

      <label><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
      <label><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label>

So the “name” attribute is used to group the radio buttons together… so you need all of your radio buttons that are part of the same choice to have the same name. The “id” is what identifies them within your DOM(your document, or website), so they should be unique to each element… what the problem was asking you to do was add a “value” attribute, and give it the same name as the “id” for each. Could you just add a “value” attribute without changing the “id” or the “name”

4

Thanks for the help I solved it!

5

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