Add column number for product list

Hello everyone.

Can anyone please help me with the code to make our product column 5? We currently have 4.

Thank you in advance.
Best regards,
K

https://ptphotography.squarespace.com/destination

In Custom CSS, find this code, edit 4 to 5

.products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding: 0;
}

Thank you @tuanphan. Seeing your name on my notification board always gives me a relief. 

Tried the code but I can't make it work. I still have 4 columns. Can we make it 5 please?

Stay safe,
K

Add to Destination Page Header

<style>
@media screen and (min-width:768px) {
.products.collection-content-wrapper .list-grid {
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
}
}
</style>

Brilliant! I am always grateful for your help. Thank you once again 🙂