KPC
Kevin Powell - Community•14mo ago
Avinash

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•14mo 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
Avinash•14mo 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
Avinash•14mo ago
Avinash
Avinash•14mo 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
More Posts
Files lost in commit to "no branch"I commited changes I made and I think they got into an "no branch". I don't really understand what hMargin top from somewhereIm following one of Kevins tutorials: https://www.youtube.com/watch?v=8QKOaTYvYUA&t=1446s I've trieManipulate OBJECTSIn this object of users, I want to find to the person who has manu skills in the user object to the How to correctly create a flow in SCSS for declaring margins , paddings like the tailwind?An example: ```css .h { &-full { height: 100%; } &-1 { } &-2 { } } ``` Can sPACK OF COURSES FOR NEWBIESyou can purchase it for free, or you can help me by buying it (max 5$) https://twitter.com/samicodeDetect Selected Label without radio buttonI'm trying to recreate this calculator : https://www.thewebflowagency.com/book-a-call What I understCSS only menu toggle - is this a good way to approach it?For years I've used jQuery slideUp/Down/Toggle() for showing menus on mobile devices. However, recenComponent transfer from one html file to another using Javascript.Is it possible that using querySelector i get one component say a card from one html and insert it issues with buttons, Buttons are not included inside the formthis is my code , i grouped two btn inside a div and when i look at inspect they are not inside the Help Regarding AstroNew to astro and development overall. Wanted to try my hands on astro for small project. **Problem: