Please help with checkboxes

[Maryo23]

where do I put the checkboxes?

from Create a Set of Checkboxes

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

freeCodeCamp.org

[jwilkins.oboe]

I moved your post to a new topic since this is a new challenge.

Thanks!

[jwilkins.oboe]

As long as your checkboxes are in the form it doesn’t matter where.

[Maryo23]

what’s rong with this?

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label> <label for="lover"><input id="lover" type="checkbox" name="personality"> Loving</label> <label for="love"><input id="love" type="checkbox" name="personality"> Loving</label> action="https://freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

[jwilkins.oboe]

You shouldn’t put it in the opening form tag.
Just place them in the form

<form>
<!--place checkboxes in there-->
</form>

Just like you did the last challenge.

[Maryo23]

what’s wrong now?

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label> <label for="lover"><input id="lover" type="checkbox" name="personality"> Lover</label>  </form>
  <label for="love"><input id="love" type="checkbox" name="personality"> Love</label> <label for="lover"><input id="lover" type="checkbox" name="personality"> Lover</label>  </form>
</main>

[jwilkins.oboe]

You have two end form tags

</form>

You should only have one.

[Maryo23]

Got it

is there more after Basic HTML and HTML5?

[jwilkins.oboe]

For this course there is a lot more.

Here are the sections after HTML within the responsive design course.

Basic CSS
Applied Visual Design
Applied Accessibility
Responsive Web Design Principles
CSS Flexbox
CSS Grid

And then there are the 5 responsive projects at the end.
Tribute page
Survey form
Landing page
Technical page
Personal portfolio

Just keep scrolling down and you will find all of these sections

[Maryo23]

Awesome sauce

and I can use all that to make a website?

[jwilkins.oboe]

You would be able to create static sites.

If you were interested in creating dynamic sites then you would have to keep going with the course and learn a programming language like Javascript. Then eventually learn a backend language.

Static vs. Dynamic Websites: What are They and Which is Better?

[Maryo23]

Well that article is saying Dynamic websites are better for the most part should I stop and just Learn how to make Dynamic websites?

[jwilkins.oboe]

You still need to know html and css for web development.
So I would just continue with the course.

Finish up html and css.
Then learn javascript.
Then learn frameworks and libraries.
Then learn about node and APIs

[Maryo23]

Can you link me any good courses to learn after this one on this website?