Streaming live at 10am (PST)

13 inch macbook pro - layout gets messy

I have some trouble with my site displaying on macbook pro retina 13 inch (2560x1600). The layout gets messy on one particular spot. Here is the print screen:

Correctly it should look lie this:

I work on Lenovo Ideapad 700 with screen resolution 1920X1080. In webflow designer it looks fine with different screen resolutions. I tested it on several different laptops and it looks fine as well.

What can I do about it?

read-only link:

published link:

As far as I can see, the problem is that you’re using position absolute in most of the elements on that part of the layout. For a better responsiveness I would recommend to create the layout mainly using floats or flexbox, in that way elements should not overflow one over the other.

Thanks @FranciscoAMK:) I’ll give it a try.

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