flip.fit only positions the first element correctly, all other elements are getting offset

[roshit121]

i am trying to fit a list of cards in a box but only the first card is getting fit on the correct position, the rest of the cards are getting offset to the center of the grid

See the Pen ogzNNLN by RoshitShrestha (@RoshitShrestha) on CodePen.

[mvaneijgen]

You want to scope the .card selector to the current loop. I've used the selector helper function for this, really handy to scope to the current parent when working with GSAP https://gsap.com/docs/v3/GSAP/UtilityMethods/selector() Hope it helps and happy tweening! 

 

See the Pen zxKYMYL?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen.

[roshit121]

@mvaneijgen thanks, this is pretty interesting