No bloody way you just explained this in 2 minutes, most tutorials get a little confusing on how to actually use it, but you just made it short and gave a working example in 2 minutes 😂
.card:nth-child(3) { top: calc(var(--spacing) * 3); z-index: 1; } .card:nth-child(4) { top: calc(var(--spacing) * 4); z-index: -1; } As you add more cards you have to multiply the spacing on top
Hello how are you? but I have a problem, when I'm on bigger screens the last card will be with a huge distance from the div below, because there is a class called 'space-pin' that grows in height as the screen increases, how can I solve this ? Thanks
No bloody way you just explained this in 2 minutes, most tutorials get a little confusing on how to actually use it, but you just made it short and gave a working example in 2 minutes 😂
Yay! So glad it helped!
I agree! Such a simple solution.
Thank you so much for those short Tipps and tricks. Easy to understand and follow along!
Thanks, Tiny Tutorial is the best format.
you make learning so easy!
solid tiny tutorial, thanks!
Great & useful tutorial
So helpful. Love these.
Thanks for this video ! Very short, very clear and very useful ! 👌
Great work, thank you!
Awesome 👍
Soooo helpful, thank you so much!
I always knew it was all about what you can do in a certain ampunt of time and not the duration😂😂 damn, this is a superb tutorial
more tiny tutorials please!!
Excellent, thanks!
amazing!
Very helpful, thanks my love ❤
thank you so much! Amazing!!! 🤗
I wish there is a more elaborate course on gsap. Would help a ton
I love you !!! This tutorial saved my life at work jajaj Ty
Glad we could help!
More teaching then most of the teachers in europe
When you position absolute using css the last card was coming on the top and when you did that using Javascript the first card was on the top why??
Sharp eyes. I'd adjusted the z-index in the CSS by then. No magic, sorry for the confusion!
@@cassieevans604 not a problem, thanks for the reply
How would I add more than 3 cards? I tried adding them and adding nth-child etc but the 4th card stays on top all the time
.card:nth-child(3) {
top: calc(var(--spacing) * 3);
z-index: 1;
}
.card:nth-child(4) {
top: calc(var(--spacing) * 4);
z-index: -1;
}
As you add more cards you have to multiply the spacing on top
Hello how are you? but I have a problem, when I'm on bigger screens the last card will be with a huge distance from the div below, because there is a class called 'space-pin' that grows in height as the screen increases, how can I solve this ? Thanks
Worked, thx
❤
😍who is she?
So helpful! Thank you so much 😁