Hello. I’ve tried to center the element in different ways, but apparently I don’t know enough code to find the solution. This is the link:
Add a simple border around the <figure> and you’ll see that the <img> is not centered in it. Is there are reason you have display set to flex on the <figure>? I would probably not recommend this. Also, the Nikola Tesla heading is preventing the image from centering properly. Do not float it. Finally, refer to this handy guide on how to center anything. Remember, <img>s are inline by default. It may help to set the display to block instead.
Thank you for the help. The page is now working.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.