Splide issue inside grid

Hi everyone,

I’m placing a testimonial splide carousel inside a grid (as you can see here: Pricing | Documate , just below the pricing/feature comparison).

I’ve set the grid as 1fr 1fr, but as you can see the splide carousel takes over. Is there a way to make sure that splide sticks to the confines of a grid?
Thanks!

Read only link: https://preview.webflow.com/preview/documate-new?utm_medium=preview_link&utm_source=designer&utm_content=documate-new&preview=69f6aff50eb5e7c4c8277c766b9d0653&pageId=61884ceb40b1e4bcb340c5ad&workflow=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Just add a “overflow :hidden;” to ‘testimonial-wrapper’ element.

@Smith.S
Amazing!! That surprisingle worked!!

Any idea what’s the logic behind it please?

Thank you so much :slight_smile:

I’m not really sure about it either. :sweat_smile:
I guess it is a weird interaction between flexbox and overflow-hidden.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.