Ability to choose the number of columns whilst using the full-width mason grid

This feature already exists in the gallery app, and recently you updated the pop-up version of the search box to have just two columns — but if you use the full-width version you’re stuck with four columns for both mobile and desktop.

Four column grid is perfect for desktop but isn’t optimised for mobile screens.
Seems like this should be a quick win as the technology is already there.

1 Like

@robhalford92 thanks a lot for your suggestion, Rob, I got your idea!

We’ll try to think about it in our future updates, I’ll keep you posted in case of any changes in status :slight_smile:

Thanks a lot for your help!

1 Like

Here is the code I was sent my elfsight for Fullscreen mode on Masonry Layout on mobile - currently working for me

@media (max-width: 480px) {
[class^='Masonry__MasonryContainer-sc'] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
height: auto !important;
}

[class^='Card__Container-sc'] {
position: relative;
transform: none;
width: 100%;
}

[class^='Picture__PictureStyled-sc'] img {
height: 200px;
object-fit: cover;
}
}
1 Like

Awesome, many thanks for sharing it here, too! @robhalford92