I’ve recently struggled with what seems like a stupid issue, but I thought sharing it couldn’t hurt.
I was working on a website with 2 columns created from CSS – you know, the “column-count” property.
So I was using an element which inherited the style mentioned above which I overwrote using
column-count: 1;
But for some reason, when I was loading a Google Maps iframe it wasn’t displaying properly.
This almost drove me nuts until I realised the way to avoid this is to use:
column-count: initial;
That’s all. Hope it helps.