Shehzad Asif

@artyor can you make a minimal demo of your problem. It will help us to see the code and find the problem.

Great explanation by @akapowl.

I tried different things but animation does not play at all. It's not as simple as it looks. Hopefully going to learn it today. Let's see what Greenosck says about it.

@Oluwatobiju Judah good to know your progress. I am confused by that or missing something. Try to use "flex-wrap: nowrap" on the section you want move horizontally, that may fix layout but it is just a blind guess. Aside Note: Each time you make some changes or progress with your demo. Pls fork it and share again.

@Oluwatobiju Judah As I am not familiar with react so not going to mess with it. You may find below codepen helpful. https://codepen.io/ShehzadAsif/pen/QWpPvZj?editors=1000 Regards, Shehzad Asif

@OSUblake you nailed it. The best developer community I've encountered ever.

Wao, I just don't find any platform like this on our planet. It's mind blowing. Thanks this is what I was looking for.

Hi There I got a situation, where I am wondering if there is any way to use different durations for a tween without using ST matchmedia function inside the tween, for example I want a duration of 5sec tween on desktop and 1 sec tween on mobile as in my demo. I can do that by using ST matchmedia function but imagine I have a timeline where I only want to change duration of that timeline/ tween based on breakpoints and rest remains the same. With matchmedia I will be repeating such code just for duration changing not a dry approach. I tried to implement it through function but did not worked. Any guidance on that. Regards, Shehzad Asif

Thanks all for your amazing support.

Jack I got it, it's an expected behavior in that scenario. Thanks for clarification. @Cassie I agree as I used to focus on very tiny tiny details that nobody worries in the real world. I am overdoing it sometime. Thanks. I am sorry that question is not related to gsap but as an opportunity I would like to ask what platform you guys recommend for cross browser testing like lambda or what.

Ok, I made a scenario that is quite similar to my situation. Here you can see that I have a pin img at desktop nothing at below 1024px. Same as above If I switch between these breakpoints you can see the content shifting that is due to that pinSpacing. https://codepen.io/ShehzadAsif/pen/KKWpyBW?editors=0110

1 -It is not related to david issue. 2- I was using chrome in incognito mode so no cache, with latest beta. 3- I found the issue, the displacement is causing due to margin of an element on desktop. I made a minimal demo for understanding. when you switch from desktop to 1024px, you will notice that window will scroll to last image instead of img-3 as it has 200vh margin on desktop and none at below 1025px. if you switch back to desktop it will go back to img-3. https://codepen.io/ShehzadAsif/pen/ExWjmbg?editors=0110 Regards, Shehzad Asif

On codepen I don't see that issue, that's right. Actually I tested it on my project on localhost so may be some other code causing it, not sure. Will check and test again. One thing is that I observed that issue on a device that have both breakpoints like ipad pro, (portriat width: 1024px. landscape width: 1366px). If a device that have these both breakpoints then that issue appears to me. Other then that do not observe that issue. Just a point.

@davidbwaters Good to hear that. Feel free to post your questions on the forum in future and the community will try to help around.

Hi Jack I used the above beta. Resize issue is there when rotating the device (test locally on chrome dev tools).