Show Summary Carousel on Mobile – Grid on Desktop

#1. First, you need to set up the Summary Block to Carousel Layout.

#2. Use this code to Custom CSS box to change it to Grid on Desktop

@media screen and (min-width:992px) {
  div.summary-item-list {
    transform: unset !important;
    margin: unset !important;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    grid-gap: 10px 10px;
}
header.summary-block-header {
    display: none;
}
}

To change the number of items/rows, you can change the number 5