Trouble with my max-width in my Tribute Page

HTML-CSS
1

Hi guys,

I’m new here and I’m trying to finish my first project building the Tribute page I completed 9/10 of the tasks but I’m struggling with a problem with the Layout I got this message “Try using the “max-width” style property : expected ‘none’ to not equal ‘none’”.

I know that is probably something obvious but if someone could help please.

Here is my project.

Tribute Page - Nathielle

2

Hi!

Remove your #image form your CSS and try this instead of it!

#image {
      width: 100%;
      height: auto;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      display: block;
}

Good luck!

1 Like
3

You just need to move the img selector and styles you already have now out of the media query so it is always applied to the element.

1 Like
4

It Worked.

Thank you so much. :pray:

1 Like