Help with Tribute Page - Image Centering

HTML-CSS
1

Good day,

I am working on my tribute page. The only issue I still have is the requirement to center the image. I have got it centered, or it appears centered, when the page is full width. However when resizing the browser window, it moves a little leftward, and more white space gathers on the right. This happens across all the elements below it. So I assume it’s not unique to the image element. However, the test is failing. I don’t know if the white space and the failed image test are two separate issues. Please can you help:

https://codepen.io/thesilentperiod/pen/zYrGqJG

Thank you.
Kate

2

Hi would love to help
But, when I open your site I see many images?? which one do you mean?

.img {
position: center;
}

would ussualy do the trick for me or look at w3schools for how to center an image

3

Hi KittyKora

Thanks.
It’s the main image at the top with the id=image. I tried using position:center; on it, but it is still failing the test.

4

Sorry, after fiddling some more, it seems it has come right.
Thank you for your help!
The testing mechanism wanted me to use display:block;

1 Like