On certain screen sizes text is going over video embed


I just launched a new academy page on my website https://www.appcues.com/user-onboarding-academy

If you scroll down a bit you will see this block

This is set up using columns and rows

At certain screensizes the text is overlapping onto the video please see screenshot

a client just sent me this and id love to get this fixed asap

here is the read only link for my site

Any thoughts or help would be so appreciated thank you so much!!

Here is my site Read-Only: https://preview.webflow.com/preview/appcues?preview=843cb62ebc522e7851d8142fffb028e4

First, learn how to check for screen width in between breakpoints, in the Designer:

Now look how your content in both column has fixed width and exceeds columnw width. Also see how to make the fixed with in % and fix you issue:

Thank you so much for your fast response! I had no idea you could check different viewports like that! Thank you this is all fixed now! :slight_smile:

You’re welcome. this is easily overlooked so it’s always worth mentionning :slight_smile: