Weirdly placed collections

[Discraft_]

Hey I was wondering if theres a way to have 2 different home page ( one for mobile and one for desktop ) because i want on pc to have 6 collections but 3 per rows ( so 2 rows like picture 1 ) but on mobile to have 6 collection too but 2 per rows ( so 3 rows like picture 2 ). https://artsofthestreet.com/ or https://arts-of-the-street.myshopify.com/

 

[paramSoft]

Please place  this code at the end of theme.scss

@media only screen and (max-width: 480px) {
#shopify-section-1603154146e7bce0c8 .grid-uniform .grid__item {
width: 50% !important;
}
}

[Discraft_]

Hey @paramSoft , i did what you told me to but it didnt work.... ( see pictures ) its good like before on desktop but on mobile its like 2 and then 1 under and then 2 and then 1

[paramSoft]

It is all correct on my side