Unable to center image

Hi!

Hope you can help solve my problem, I’m creating the tribute page for the certification but I can’t seem to center the image. I’m sure it’s really simple but I can’t see where I’ve gone wrong.

Thanks!

https://codepen.io/elliottrb/pen/oNLbLGg?editors=1100

  1. You have to remove the <style></style> element from the CSS, it is only used when adding CSS inside the HTML.

  2. Some of the properties you are setting should be set on the image element and not the div container.

  3. Remember to read all of the error message, it will tell you what properties your image is missing.

Thanks, I will read this too.

Thanks for your help, I have gone through it again and read the error messages, I didn’t realise it tells you what is missing. Which properties are you referring too?

I’m referring to the bottom part of the error message.

For example, here it is telling you that the max-width property is missing:

  1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

1 Like

Thanks for this mate, I went through the code and checked it against another tribute page and found out where I was going wrong.