Is this a glitch or did I do it wrong? Main element on the project "build a tribute page"

So I am doing the project “Build a Tribute Page” and I have everything right – I have checked off all the tasks, except for the first one

It says " You should have a main element with an id of main" but I already included it so why does it say I didn’t put it in?

I have all of this is far:

<div id="main">

<h1 id="title"> Shrek the Ogre</h1>

<div id="img-div">

  <img id="image" src="" alt="a picture of shrek" width="100%" height="auto">

<a id="tribute-link" target="_blank" href=""></a>

  <figcaption id="img-caption"> This is Shrek the ogre. He looks intimidating but he has a good heart and a kind soul </figcaption>

  <p id="tribute-info">

    <b> Shreks Personality Traits: </b>


  <li> Brave</li>
  <li> Caring </li>
  <li> Honest </li>
  <li> Funny </li>
  <li> Charming </li>


    body {
      background: black; 
      color: blue;

    #image {

      max-width: 100%;
      height: auto;
      display: block;




Am I missing something?

A div isn’t the same thing as a main element.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

Ahh, its subtle but it wants <main id="main">

1 Like

thank you so much, I don’t know how I missed it, thanks man

1 Like

yup I did it wrong and you’re right, thanks for the input

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