Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Hi there, I have been stuck on this question for a while, we are meant to create a radio input and pass Indoor as the option but i did that and it renders well in the preview but it says I didnt do it well and the hint it gives me is

Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.

but I have it in the right order and to make it be above I also added a break tag that send the other text be in a new line.

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">   Indoor <br>
        <input type="Input" type="text" name="catphotourl" placeholder="cat photo URL" required>
          

<!-- User Editable Region -->

          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

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

Link to the challenge:

2

Hello,your input element should not have </br>

3

When I have it without that it still doesnt work and gives the same hint

4

After you have removed the line break,space your text,give it a single space after the closing tag.

5

This is what i have now but it still doesnt work,

<input type="radio"> Indoor
<input type="Input" type="text" name="catphotourl" placeholder="cat photo URL" required>
6

I suggest you reset the question and then try applying the instructions again.

7

@DobarBREND I’m in need of some help here.

8

Ok thanks, yeah ive been stuck on this for 2 days. I dont see how it should be wrong and I have tried different variations to get it working

9

Cause when I try running your code it doen’t pass but when i reset the lesson and apply the instructions,it runs. Have you tried using a different browser, or removing existing extensions?

10

Ok so I just tried it in a different browser (MS Edge)and it works. I dont have any extensions on my chrome that should be making it to fail tho. but thanks for the help!

11

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