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]

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;
}
}