Your #Image Element Must Be Centered within the Parent

HTML-CSS
1

Am I missing something here? I have spent weeks trying to find the answer to why three of the tests will not pass for the tribute project. Despite reading up on W3 and FreeCodeCamp on what I may be doing wrong and applying those changes…the tests are still not passing.
The following tests that are receiving the “x” mark are:

  • Your img element should have a display of block
  • Your #image should have a max-width of 100%.
  • Your #image should be centered within its parent.

Please help and advise on what to do!

Here is a link to my tribute project-

3

Welcome to our community!

You have too many mistakes in the html code:

  • <html lang="en"></html>
  • there is no ‘head’ element
  • <meta name="viewport" content="width=device-width" initial-scale="1"> … this is not valid
  • there is no any link to your css file in the html code
    .
    .
    .
    Check it out for yourself:
    https://validator.w3.org/
1 Like