recreate overlapping multiple images

Anyone knows how to recreate this? i thought of making each image position: absolute but the problem is the images are dynamic and if it fills the container its going to wrap. So how to proceed? 🤔
4 Replies
Jochem
Jochem•2y ago
you can overlap items using grid, and use translate to move the images right. Remember that the default stacking puts the first item at the bottom. If you use grid, it won't wrap, and you can either limit the number of items you show in the backend, or set overflow hidden
Avinash
AvinashOP•2y ago
i used this property
.card-team-member-icon :not(:first-child) {
margin-left: -0.75rem;
}
.card-team-member-icon :not(:first-child) {
margin-left: -0.75rem;
}
Avinash
AvinashOP•2y ago
Avinash
AvinashOP•2y ago
kinda worked but the z-index is messed up. first image should be on top
Want results from more Discord servers?
Add your server