Custom collection display

[evatrnt]

I would like to have the same type of featured collection layout as this store:
https://nl.soera-shop.com/en?shpxid=dc1c41d2-ca4f-4dc7-8b12-146823cc0b9b

My store URL: https://sophia-shop.com/?_cd=45e3b7d699f64b6a1744341c5fb1add97d7cecdd5d89fd0b16586e9a7fb75c25&_uid=1...

Thank you

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
@media screen and (max-width: 749px) { 
.grid-outer {
   padding: 0 !important;
}
.grid--mobile-slider {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left:0 !important;
    padding-right: 0 !important;
}
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[evatrnt]

On mobile it looks very off, can you fix it? Image attached: