Gallery 3: 'Justified' Grid image height smaller on phones

I am just starting to use ‘Gallery 3’ in a project due to its flexibility and possible use of warehoused images. The ‘Justified’ grid has a default image height of 250 px, which looks good on a computer, whereas 150 px would look better on a phone.

However, the Gallery 3 stack does not offer entering different ‘image heights’ for responsive design. But I have seen others using CSS snippets with ‘media checks’ (?) to achieve responsive use of stack parameters. Is there possibly such a CSS solution for the ‘image height’ in my case ?

Thanks to the CSS experts for your help, cheers.

Bildschirmfoto 2020-05-29 um 11.56.32

I think you are looking for this
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

2 Likes

Justified grid is a JavaScript library. These media queries will most probably not work with this option.