Column-count might mess up Google Maps

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.