Custom HTML Sections Not Scaling on Mobile – Flexbox Conflict?

Hello

I added a custom HTML section to my Vzy site to embed a third party widget that uses Flexbox for layout. It works perfectly on desktop, but on mobile devices, the section doesn’t scale / wrap properly; causing overflow and horizontal scrolling. :slightly_smiling_face:

I have tried using inline styles like max-width: 100% & flex-wrap: wrap, but the issue persists only within the Vzy editor embedding the same code on CodePen or plain HTML works fine. :innocent:

This makes me wonder if Vzy’s page structure is applying global styles or containers that interfere with nested flex layouts. :thinking: Is there a documented way to safely embed external flex-based components that remain responsive across breakpoints within Vzy’s system? :thinking:

Maybe there’s a recommended wrapper div or class we should use to keep styling consistent? :thinking: Checked How to Embed Content in Vzy with CAPM Course guide related to this and found it quite informative.

Would love to hear if others have dealt with similar layout challenges when mixing custom HTML into Vzy sections especially when embedding calendars, forms / media players.

Thank you !! :slightly_smiling_face: