Collection page layout of products

[DJLondon1959]

I’m hoping someone can help me change the layout on my Collection page.

It currently looks like this

What I would like to be able to do is change it to this if possible.

Here is the url to my web page https://danieljameslondon.com/collections/for-lions-for-life

Any help would be greatly appreciated

Regards D James

[suyash1]

@DJLondon1959 - please add this css to the very end of your base.css file and check

@media screen and (min-width:750px){
.product-list{display: flex; flex-wrap: wrap; justify-content: center;}
.product-list .product-card{max-width: 21%;}
}

[DJLondon1959]

Thank you so much that worked

All the Best Daniel