Make images bigger in Gallery

Hi -

I'm wanting my images to resize to be relative to the device my website is being viewed on. On a mobile, or a smaller computer, my website looks fine, but I tested it on a 27" mac yesterday, and it looks silly on a big screen. There's so much white space, and the images are dinky. I'm a photographer, so I rely on my images looking impressive, and I feel like this is not the desired effect.

Attached is a screenshot on the bigger computer to show how silly it looks.

Any idea how to fix this or where to look into solutions? My website is arianagillrie.com

Hi @Ariana_Ariana

I guess you can add something like this in Design > Custom CSS:

/*------------standardImac---------*/

@media only screen and (min-width: 2500px)
{
.sqs-gallery-design-strip {
                            height: 900px !important;
 }
 }

/*-------------------4k--------------*/

@media only screen and (min-width: 3800px)
{
.sqs-gallery-design-strip {
                            height: 1600px !important;
 }
 }

/*-------------------5k--------------*/

@media only screen and (min-width: 5000px)
{
.sqs-gallery-design-strip {
                            height: 2200px !important;
 }
 }

Hi Ariana!
You can try to rebuild your gallery and the space between the photos in em instead of px and see if it helps.

Here you can find an explanation:
https://stackoverflow.com/questions/2385829/what-is-the-difference-between-px-em-and-ex

Thanks for your help guys!  It seems to be a more appropriate size on a big screen now. @MagneM, your code did the trick, thank you!