Help requested for image centralisation

HTML-CSS
1

Tell us what’s happening:
This won’t pass the final test, the checker says that the img is not centred in its parent. However, it is - if you amend the CSS to make the img max-width 10% rather than 100% then the smaller image is in the centre of the grid area - so not sure why it won’t validate and pass the test. Any thoughts welcome!

Your code so far
See this CodePen
https://codepen.io/McNesfield/pen/WNbZbWb

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

2

Looks like the problem was solved. When I ran the tests, they all passed.

The project does not seem to be very responsive. I suggest looking at it by changing the window size and changing device type in chrome inspector. Or maybe my browser is the problem, in that case ignore my suggestion and forgive me.

3

Weird, it’s working for me now too. Thank you for the advice too.