Streaming live at 10am (PST)

Weird padding on mobile


#1

There is this weird thing going on with the padding? Both of this is using the saame style but one is behaving differently. Not sure what is happening. Only happens on mobile

Mysite: https://preview.webflow.com/preview/zensite-design?utm_source=zensite-design&preview=248f61ea71e60e2a3a79107001902cb3


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


#2

Hi @davidyapdy,
Please check your “Collection Item - Cards” class, this has a negative left margin (-30px).

.
Remove the “margin-left: -30” and set it to zero. That will fix the “weird padding”.


#3

Yes. Tried it but the bottom card is affect by it.


#4

Ok, i fixed it by removing -30 on landscape mobile. Thanks


#5

Great.

By the way, I say that the padding-left of 30px was added to the even items of the dynamic list, but that code is gone now.

51