I have set up a carousel list, and used some code to get two slides to display on mobile. I am still getting a gap between the slides when I view them on my phone.
@media only screen and (max-width: 600px) {
[data-section-id="624ef6e750522032e4843ae0"] ul.user-items-list-carousel .slide img{
object-fit:contain!important;
}
[data-section-id="624ef6e750522032e4843ae0"] ul.user-items-list-carousel .slide { width:fit-content!important;}
[data-section-id="624ef6e750522032e4843ae0"] ul.user-items-list-carousel__slides { grid-template-columns: repeat(2,1fr) !important;
grid-gap: 0px !important;
margin:0px!important;
}
}
Page:
https://www.artclear.com/timeline
pw: 123