Hello,
I have a stack with this layout – image text image --. I would like to set the height of both images to 100%, so when the site is scaled up or down they fit the full height of the stack/section (stack is 100% height of the section).
My issue is that when clicking on each image, I am only allowed to use these paremeters for height: Pixels, Viewport Height, Viewport Width, Auto, Calculation. I have noticed that if I take the image out of the stack, I can set it to 100% height, but right once it enters a stack this option is not available.
Does anyone know a workaround for this?
Thanks for the help.
any screenshots of what you are trying to achieve ?
when you say you want to set the height to 100%. you cant set it to 100% of the stack.
Maybe instead of stacking you can use advanced CSS grids instead. Not really sure what you are wanting to achieve.
As mentioned, setting an element to 100% height inside a stack isn’t always possible. That’s because percentages are relative to the parent’s size, and in a stack layout with multiple elements (like image, text, image), each element can’t be 100% of the stack’s height - otherwise, they’d exceed the total space. You can’t have three elements each taking up 100% of the same parent.
1 Like