Help : Image Grid page is not optimized for Mobile Viewing.

Highlighted
New Member
3 0 0

Hi All,

 

I have added a custom page to my shopify store, Which displays an image grid (with hyperlinks)

 

Added below code to my theme.scss.liquid code.

 

.gallery-page {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-gap: 15px;
background-color : white;
}

 

- The problem being , Images are perfectly sized/aligned for viewing on a laptop/desktop - But images are too small and hardly visible when accessed through a mobile device - How can i sort this out? What do i need to change?

 

Thanks

Tarun Yadav

0 Likes
Highlighted
New Member
3 0 0

Can anyone help please?

0 Likes