▼
Streaming live at 10am (PST)

Image appears differently on laptop vs. desktop

Design help General
#1

Hello,

I am having an issue when I try to get one of my images to overlap another. When I publish the site, the desktop version will have the image in the exact location I have it on my designer, but the laptop shows the image overlap a little off the mark.

This only happens when I have the image in a container with % widths defined. I am guessing the container is what allows the image to look the same across all screen sizes. How can I get these images to look the same on both desktop and laptop while having everything nice and centered?

Any help would be greatly appreciated!

Read Only Link: Webflow - Austin's Business Starter

Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

Hi

Your read only link return 404 :frowning:

#3

Hi Shokoaviv!

So I actually figured it out last night after hours of attempts. It appears that when my container had a 100% width and 78% max width, it was causing this difference across device (desktop vs. laptop). When I changed the class of the container away from “container” to something random, it got rid of these dimensions and all of a sudden everything was represented correctly on both desktop vs. laptop. I think the width dimensions were the cause of the issue, although I couldn’t say why particularly!