Learn HTML by Building a Cat Photo App - Step 18

HTML-CSS
1

Tell us what’s happening:

hello, i dont understand why my section element is not good. I look up on YouTube and it was the same as me. Did I do something wrong, and last ting I have long URL links that go beyond their line and I can’t seem to structure my code. Do you have any tips? Thanks for your help.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
    <sections>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <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>
    </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 18

2

Have a look at the spelling of your opening section element.

1 Like
3

Welcome to the community :slight_smile:

Your section opening tag’s spelling is wrong and rest you have done everything correctly.

Also about the wrapping part, here freeCodeCamp does it automatically for you but when your write your own code in vs code etc you can do it yourself. Don’t let those long url’s bother you.

Happy coding :slight_smile: