The h1,h2&p elements are not in order

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

Your code so far


<!--
<h1>Hello World</h1-->

<h2>CatPhotoApp</h2-->

<!--p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
-->

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; vivo 1816) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36.

Challenge: Comment out HTML

Link to the challenge:

Hey Uday,

your order is fine, but you changed a couple of tags, so the test doesn’t detect them anymore. The following bits look like they are HTML-tags but aren’t:

  • </h1-->
  • </h2-->
  • <!--p>

The way you wrote it works technically, but is a little odd, since you merged the heading/paragraph-tags with the comment-tags. What you typically want is an opening comment-tag: <!-- and a closing comment-tag --> surrounding the HTML you don’t want to render. Like so:

<!--
<p>This paragraph should not render</p>
-->
<h3>This heading should render</h3>
<!--<p>This paragraph should also not render</p>--> 

There is a handy shortcut in code editors for that. (cmd+shift+7) So you can easily deactivate/active parts. No need to edit the code itself.