GSAP cards pinning top of screen instead of center

[narlie]

Hi, as you can see in the codepen, which is almost identical to what I have in my react js application, they pin in the center(ish). However, when I render this into my component, the cards pin at the top and for the life of me I cannot figure out why? 

 

from what I can see, they stack, just at the top... How do I make sure its within the center?

See the Pen bGObWbL by narliecholler (@narliecholler) on CodePen

[Rodrigo]

Hi,

 

Unfortunately without seeing a minimal demo in React there is not much we can do.

 

I created a simple example that seems to work in the way you describe:

https://stackblitz.com/edit/vitejs-vite-y2hn1a?file=src%2FApp.jsx&terminal=dev

 

Also take a look at the resources in this page:

 

Hopefully this helps.

Happy Tweening!

[narlie]

thanks for the reply! Looking at this demo, it seemed something within my scroll trigger was not allowing it top be central. Really appreciate the demo, worked it out. Thanks