-
Hi everyone,
I am working on a single CPT template using an element.
The link below shows the progress so far.The photo’s at the top with the large one on the left and the three smaller ones configured vertically are close to what I want, but I see the 3 vertical ones are not quite filling up the height (on desktop! – on mobile only the large one displays!)
Any thoughts on the best way to ensure the 3 small ones are the same vertical height to the large one ?
Further info – The outer container is using Grid, the three small images have a container using Flex!
TIA, Dave
-
Hi Dave,
Select the parent container of the three images (gb-element-19124cf7) and adjust its row gap to around 16px.
The main container of the three images (gb-element-328e2077) is disappearing on mobile because it’s set to be hidden on mobile under the Device Visibility option.
-
Thanks Alvind,
Sorry I was not clear, I don’t want the 3 small ones to appear on mobile, hence why it is set to hidden.
But I’ll checkout the suggestion for the layout.
Cheers, Dave -
No problem, Dave. Let me know how it goes!
-
Thanks Alvind,
That aligns things perfectly now…
Cheers, Dave -
Glad to hear that! 🙂
- You must be logged in to reply to this topic.