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
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 hiddeni used this property
kinda worked but the z-index is messed up. first image should be on top