Not able to overflow divs
https://codepen.io/ahad4387/pen/LYgNgqK
I'm trying to achieve a slider of the containers.
for that, we'll need to overflow the parent
.splide__list div.
Tried using inline-block on .grid-container and .picture-container, didn't work
I'm not understanding why the images are shrinking to fit the viewport even if I duplicate them many times.2 Replies
the
grid-container are flex-items (their parent has display: flex). So, they will shrink if there isn't a lot of room.
Everything seems like it's nested flex containers, I think, and the images size is 100%, so they just adapt to what they're given.
The only thing I can see that is setting a size is max-width: 500px on .grid-container, but that just means they can't be bigger than that.
You could make that a min-width instead, and you will get overflow.got it kevin, thank you