MayaViolet Posted March 25, 2022 Share Posted March 25, 2022 Site URL: https://amritaedtc.squarespace.com/?password=test I am using the Auto List Carousel section as a testimonial slider, and am trying to apply an "min-content" style auto-height to the grid rows. Because I have one slide that is larger than the rest due to its content (see photos), the smaller slides take on that same minimum height, leaving the arrows at an awkward distance from the content. I tried to insert the following code to change the grid rows to match the height of the content, but it is not working. Any thoughts? .user-items-list-carousel__slides { grid-auto-rows: minmax(min-content, max-content); } Images: Smallest slide - with code added that isn't working Largest slide - that sets the base height for carousels Mockup - of ideal space where arrow should go Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment