Streaming live at 10am (PST)

On certain screen sizes text is going over video embed


#1

Hi!

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
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: https://preview.webflow.com/preview/appcues?preview=843cb62ebc522e7851d8142fffb028e4


#2

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:


#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: