On certain screen sizes text is going over video embed

Design help General
1

Hi!

I just launched a new academy page on my website User Onboarding 101

If you scroll down a bit you will see this block

04%20AM
04%20AM2566×998 278 KB

This is set up using columns and rows

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

56%20AM
56%20AM2160×1166 277 KB

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

here is the read only link for my site
https://preview.webflow.com/preview/appcues?preview=843cb62ebc522e7851d8142fffb028e4

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

Here is my site Read-Only: Webflow - Appcues Old

2

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

http://vincent.polenordstudio.fr/snap/o3t0p.mp4

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:

http://vincent.polenordstudio.fr/snap/8iep2.mp4

3

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:

4

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