Hi, Our page test1 (Copy) – Blurring Boundaries Looks fine on new iphones but when checking on android, there are weird margins and alignment issues. Any suggestions?
Hey, I’m not sure if it breaks only on iPhone or Android, but I noticed the issue comes from this section:
#brxe-awaqtf
It seems to break the layout and cause overflow—even though the only content inside is the “Meet Us” text.
You can try either:
- Setting it to
display: none;if it’s not needed, or - Wrapping/removing it with your GSAP mechanic (like the other sections wrapped with
pin-spacer). I think the width calculation might be off—since all pin-spacers have the same width except this one, which is likely causing the issue.
Have removed and redone that part. Can you please check now?
Hey Boss, I’m still not fully sure why we were seeing the opposite behavior — like flex-direction: row acting as column, column as row, and flex-wrap working in reverse (wrap behaving like nowrap and vice versa).
Normally, we should be adding flex-wrap: wrap;, but in your version it needed flex-wrap: nowrap; 
.
Anyway, while I was inspecting, I noticed you also fixed another little overflow issue — and now everything seems to be working pretty well. Nice work! 