FCC, can you specify if this ul is meant to be within the main?

Tell us what’s happening:
Describe your issue in detail here.
I understand everything about the code for the ul. My problem is that FCC does not specify if the code is meant to be within the main. It simply says, “at the bottom”. And I have not gotten a challenge wrong yet lol. I don’t want to be wrong!!
Sincerely,
an unabashed perfectionist
Your code so far


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

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <ul>
  <li>catnip</li>
  <li>milk</li>
  <li>cardboard boxes</li>
</ul>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36

Challenge: Create a Bulleted Unordered List

Link to the challenge:

you can run the tests and check, you always have to run the tests and check

please don’t get stuck in getting it right at first try. Getting it wrong, failing tests and debugging is the biggest part of what a developer does.

2 Likes

In this case, the test doesn’t care.
Generally, the “main” is for the main-content of the page. So yes, it belongs in there. Non-main sections are things like footers with legal info, headers, navigation-bars and stuff… which can also contain lists and whatnot. Hence there is no “wrong” place for a list, it depends on it’s content.

2 Likes

Maybe I’m just being nitpicky as per usual. Thank you both!

Hello @volkswagen,

Actually, there is no wrong or good. In projects you will do or even maybe are doing, it depends on you and what you will put inside your tags, what you wish to see. The real main tags in the HTML code is the <body> tags. It is inside them that the seeable content will be. There are codes who are not even using the <main> tags. And the <main> tags are inside the <body> tags at the same title that: <section>, <aside>, <footer>, <header> etc.

The only real convention in HTML is to use the appropriate elements. Let’s say you want to create a footer inside your page, then don’t use a <div> tag, but the <footer> one. It would work exactly the same to use a <div>, but for the SEO of your page it will be not good.

Just remember about the <main> tags that they are within the <body> tags and as told you @Jagaya, it should content the main content of a page. BUT, it is never compulsory to use the <main> tags in your code, except the freeCodeCamp challenges. :wink:

1 Like

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