How do I make the featured collection section taller so my product cards don't get cutt off?

[httpnavi]

Hi, I have a featured collection on my home page and I turned on full width:

But on fullscreen the product cards get cut off like this:

Is there any way I can extend the featured collection and have the product images also adapt to that?

same problem happens with my collection list section:

I want it to look like this:

Thank you in advance!

[CodingFifty]

HI @httpnavi ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

[httpnavi]

Hi, sorry for the late reply,

url is https://combatstudios.online/

password= webstore

[CodingFifty]

Hi @httpnavi ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (min-width: 990px){

section#shopify-section-template--24042372661571__collection_list_3QxzBN .collection-list__item {
    max-width: calc(32.33% - var(--grid-desktop-horizontal-spacing)* 2 / 3) !important;
    width: calc(32.33% - var(--grid-desktop-horizontal-spacing)* 2 / 3) !important;
}

section#shopify-section-template--24042372661571__collection_list_3QxzBN ul#Slider-template--24042372661571__collection_list_3QxzBN {
    display: flex;
    flex-wrap: nowrap !important;
}

section#shopify-section-template--24042372661571__collection_list_3QxzBN .collection-list-wrapper.page-width.isolate.no-heading.no-mobile-link.section-template--24042372661571__collection_list_3QxzBN-padding {
    padding: 0px !important;
        margin: 36px !important;
}

section#shopify-section-template--24042372661571__collection_list_3QxzBN .card__inner.color-scheme-2.gradient.ratio {
    height: 54vh !important;
}

section#shopify-section-template--24042372661571__collection_list_3QxzBN ul#Slider-template--24042372661571__collection_list_3QxzBN {
    overflow: hidden !important;
   justify-content: center;
}
}

[httpnavi]

Hi thank you this helped make the collection list bigger,

but now there is an empty space on the right.

And featured collection is still the same

[CodingFifty]

Please set this width. @httpnavi

max-width: calc(33.33% - var(–grid-desktop-horizontal-spacing)* 2 / 3) !important; width: calc(33.33% - var(–grid-desktop-horizontal-spacing)* 2 / 3) !important;

[httpnavi]

nothing changed changed when I set it to 33.33

[CodingFifty]