Hi there. Imagine two blocks. So Section-Container-Block-Block
The Contianer is set to Dsiplay:Grid (repeat(2, minmax(0, 1fr)))
So two Blocks are nicely placed left to right.
Left block - I set it minimum height and maximum height to 600
Right block - I place Image Gallery, which pulls images from CPT image gallery (Metabox).
My problem is this: Some CPTs have 4 images, and some have 7-10 images (not more than 10).
I would like to achieve proportional “fill,” so to speak (in the lack of finding a better term).
Bascially left block is a max height of 600, and the right block is also set to the max height of 600, but sometimes CPT gallery has 10 images, and then even though I set it to 600, images spawn below, and the whole area that contains images is much larger in height, it goes above 600 px. Overflow:hidden doesn’t work as it cuts images that go above 600px.
I can play with Image Gallery image sizes, and for example, I could “fit” those 10 images within 600px, but then on the other CPTs where there are 4 images - those look super tiny.
What are my options, and where do I look? How to achieve Image Gallery widget populating and fitting space of 600px (width 100% of the block) with images from the gallery regardless of how many images are there (granted many images would look absurd in such height but I have max 10 images per gallery).
So 4 images - perfect fit within 600px height
or 10 images also perfectly fit inside 600px height
or 7 images - same effect