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.
grid-template-columns: repeat(4, 1fr);
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?