How to edit collection list to show 4 in the same row instead of a max of 3 in CAPITAL THEME?

[KetanKumar]

@mrmentor404 can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-collection-list.min.css ->paste below code at the bottom of the file.

@media (max-width: 768px) {
.featured-collections-wrapper .collection-grid--items-4 .homepage-collection-grid-item {
        flex-basis: 50%;
        width: 47%;
        flex: 0 0 47%;
    }

.featured-collections-wrapper .collection-grid.keep-spacing {
    flex-wrap: wrap;
    flex-direction: row;
}

#shopify-section-template--17833388343482__collection_list_twDqeX h3.grid-item__title {
    font-size: 15px !important;
}
    }