Comment before <p> element

I think everything is good with my code, but I get error: " Your comment should be above the p element. You have them in the wrong order."

Can someone see below where am I going wrong?

Thank you so much in advance!

<!DOCTYPE html>
<html>
<head>
  <title>CatPhotoApp</title>
</head>
  <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 slice of lasagna on a plate" ></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 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 aroung 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">


 <fieldset>
  <legend>Is your cat and indoor or outdoor cat?</legend>


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


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


<fieldset>
<legend>Whats your cats personality?</legend>


<label><input id="loving" 
type="checkbox" name="personality"
value="loving" checked> Loving</label>


<label><input id="Lazy"
type="checkbox" name="lazy"
value="lazy"> Lazy</label>
<label><input id="energetic" type="checkbox" name="energetic"
value="energetic"> Energetic</label>
</fieldset>


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


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


<footer>
<p>No Copyright - <a href="https://www.freecodecamp.org">freeCodeCodeCamp.org</a>
</p>
</footer>
 </body>
</html>

Please post a link to the challenge

Its Building a Cat Photo App

You’ll need to post a link to the exact step which you are stuck on please, not just the link to the project. Click through to the step itself and then share that url.

For future reference, if you click on the Help button (which appears after you have submitted incorrect code three times), it will automatically create a forum post which includes your full code, a direct link to the challenge and an opportunity for you to explain what you’re having difficulty with.

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