Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
who can help me with this html ?
Indoor.

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

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.
     
          <input type= "test" 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; rv:123.0) Gecko/20100101 Firefox/123.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 44

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Remove the dot after text Indoor, and your second input type text have a typo. You type attribute value should be text , instead of test. Also remove space after type=
@Tonyplay

4

Would a search not help you?
https://forum.freecodecamp.org/search?q=cat%20photo%20step%2044

5

i did that sir still the same… been on it for days now. it seems right to me

6

Did you fix those issues? If so, please post your updated code

7

Post your updated code here, with three ``` back ticks before and after your code in a separate line.

8

Thank you SIR. IT WORKED… I was wondering. thank you once again @hasanzaib1389

9

do not understand what you mean by 3 back tricks

10

Your welcome, happy to help you.happy coding!
@Tonyplay

11

(```)
Above in the () braces is called back ticks.

12

When you place ``` three back ticks, before and after your code in a separate line within your post, your code become visible to everyone here.

13

noted… thank you once again.

1 Like
14

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