Try in Home > Design > Custom Css
@media only screen and (max-width: 767px) {
section[data-section-id="61bfcd9080ef7218a056d6f0"] {
.summary-item-list {
display: flex !important;
flex-wrap: wrap !important;
height: auto !important;
justify-content: space-evenly;
.summary-item {
width: 40% !important;
height: auto !important;
position: relative !important;
top: 0 !important;
left: unset !important;
display: grid;
grid-template-rows: 1fr 100px;
grid-gap: 10px;
img {
height: 100% !important;
}
}
}
.summary-thumbnail-container {
height: 100% !important;
}
.summary-thumbnail.img-wrapper {
height: 100% !important;
}
}
}
I suggest using 2 item per row in order to display content sizably for client
Let me know how it works on your site
Support me by pressing đź‘Ť if this useful for you
