How to resolve overlapping heights in HTML content

As we all know, many integrations can be done using our HTML widget, but sometimes, especially when it comes to iframes, you can bump into an overlapping height issue. You can see this when you paste an iframe into the HTML widget, and then suddenly it doesn't look so good height-wise.

Not to worry, though, because you can easily fix it by adjusting the CSS height property to auto instead of a set value, e.g. 300px, which can interfere with the following elements on your page. I've recorded a quick video demonstrating how to fix that.

*Please note, custom HTML can only be done in Duda's Classic Editor, if you are using Editor 2.0, you will use CSS.