Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

What I should do to this step ? It says : ‘‘The text Indoor should be located directly to the right of your radio button. You have either omitted the text or have a typo’’
I put it like 2-3 times in the right the text ‘‘Indoor’’ , but it doesn`t work anymore
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 -->

          <input type='radio'>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>

<!-- User Editable Region -->

          <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 Edg/115.0.1901.200

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

Link to the challenge:

2

The following is the example from the challenge:

<input type="radio"> cat

What word you should add in your code after the input element?

P.S.
The instruction: “…with the option set as Indoor”

3

You have to place the text that will show up on your button after your radio button which in this case you want the text ‘Indoor’ to appear next to you button.
example of a checkbox button: <input type='checkbox'>Outdoor

4

Hello!

I suggest following @DobarBREND example.
It is clear to follow what is presented.

Important to remember is that the Indoor must be exactly the same as in the instructions. Sometimes, we forget and change the case of the text.

Happy coding! :slight_smile:

5

Steff!
You were on step 29 a few hours ago and you’re killing it with the progress!!
Good job on what you have so far, you’re so close to getting through this step.

You added a radio button before the text input
now all you have to do is set the option
You’re only missing one word.

image
image610×610 39.1 KB

1 Like
6

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