Centering a div within a div

Hi

Having massive problems with center content in “modal viewer” of project images. It seems that when I specify a parent divs size to be 100% height and width, that fucks up the positioning of the child div that I want to center when its clicked.

Any tips on how to make it work is appreciated, even other methods of achieving the same thing.

Thanks


Here is my site Read-Only:

https://preview.webflow.com/preview/victor-lofgren-norrmans-radical-project?utm_medium=preview_link&utm_source=designer&utm_content=victor-lofgren-norrmans-radical-project&preview=2d7faa4b880f62d59fd67ce9e09e368a&pageId=5f1aa31357e639fd592475c9&itemId=5f1aa31357e63935872475f2&mode=preview

Hello there @viceur, and welcome to the Webflow forums.

I’ve clicked on your read-only link, but it appears your modal, and its contents, is centred. Did you manage to fix the problem?

Hi! Refresh or re-click on the show/hide eye. The modals are supposed to be hidden when the page loads and I just think the preview function doesn’t really appreciate that.

Can anyone help me with this?