#image should be centerred within it's parent container

HTML-CSS
1

I finished my cert, but I’m going back and fixing up my old projects to be more responsive.

I keep getting an error on submitting the updated code saying the #image is not centered in its parent container and I am at a loss on what to do here.

Here’s the link to codepen.io for the code.

2

After HOURS of troubleshooting. I don’t know why the new code is broken, but the solution was to add

  • {
    box-sizing: border-box;
    }
    to the CSS code. I don’t get it. Everything about the new code is streamlined and more responsive, and everything looks centered WITHOUT having to add that bit of code. Oh well. Hopefully someone who is having similar problems finds this post and this ends up working for them! :slight_smile:
1 Like