Applying a flex-grow on swiper active slide
Hey everyone, happy to be here! :webbae:
I'm trying to implement this functionality where the info box appears on the right side on the active slide.
I was thinking of making it appear by growing the container. I've searched everywhere, even codePen but I'm struggling a bit to find it.
I'm currently using fixed values on my read-only instead of flex-grow, but I think I might be complicating it? The issue here is that, since I'm changing the width of each slider everytime it goes active, the swiper is needs to be re-calculating the width over and over again. Any suggestions are very welcome!
Read-only: https://preview.webflow.com/preview/prop-staging-2024?utm_medium=preview_link&utm_source=designer&utm_content=prop-staging-2024&preview=869d438f613e197db93a490dc96ef992&workflow=preview
I'm trying to implement this functionality where the info box appears on the right side on the active slide.
I was thinking of making it appear by growing the container. I've searched everywhere, even codePen but I'm struggling a bit to find it.
I'm currently using fixed values on my read-only instead of flex-grow, but I think I might be complicating it? The issue here is that, since I'm changing the width of each slider everytime it goes active, the swiper is needs to be re-calculating the width over and over again. Any suggestions are very welcome!
Read-only: https://preview.webflow.com/preview/prop-staging-2024?utm_medium=preview_link&utm_source=designer&utm_content=prop-staging-2024&preview=869d438f613e197db93a490dc96ef992&workflow=preview
