How to make collection list 2 by 2 on home page on mobile

[Jehad1]

https://layalinoor.com/ 

instead of a carousel I want the collection list to show 2 by 2 in a box

[Spac-es · Accepted solution]

Add this code to this file: theme.css

@media screen and (max-width: 767px){
.collection-list {
    gap: var(--grid-gutter);
    display: grid;
    grid-column: 2;
    grid-template-columns: auto auto;
}
}