How can I change the desktop collection layout in Flex Theme using CSS?

Store Design
1

Hello guys I am using the flex theme and so far I love it, The only thing that I need to change for further optimization is to change the Collection list to a “2-per row” view on Desktop instead of them being side by side. It does not give me the option to change it in the theme editor. How can I go about changing this with CSS? Help would be much appreciated.

Here is my site url: https://dynastycollect.com

2

@Emmanuelguz

sorry for that issue can you try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 799px) {
.list-collection-wrapper .list-collection__thumbnail {
    display: block;
    margin-bottom: 30px;
    width: calc(50% - 20px);
    clear: none !important;
}
}