URGENT: Responsive Image Problem on Wider and Smaller Screens

Hi, I am building a website for a client using webflow. Webflow is great at handling images and the images are scaled nicely according to size of the screens, but I am having trouble on getting the images to display right on wider and mobile screens. The text should ideally not be displayed on top of the images. I tried to eliminate that problem by resizing images according to different platforms and using a background color. So the image I upload is only the clipped image of the actual subject.
According to me the site looks pretty decent, but the client is not convinced. I dont have much time on my hand, can someone tell me what I am doing wrong.

Here’s the link to the website.
https://preview.webflow.com/preview/snowbo2?preview=6128bc18ebde1262fbe1ff48b40f300a

Hi @tanyasingh,

Loving what you’ve done with the website so far! So awesome.

What can help with the text getting too far out of place is putting them into a container.

Take a look at my screencapture to see if this solution would work for you: https://drive.google.com/file/d/0BynZs0dQwPd_TFJWYXlyc1BUSXM/view

Hopefully this helps :blush:

@micahryanhtml Thank you so much for taking the time out to help. I’ll look into this rightaway. :slight_smile:

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.