I’m having a bit of an issue; I’m currently working on a Webflow project and I’m creating small column boxes. The right-side of the column is filled with a block colour, which I would like to stretch from top-to-bottom of the column without using padding/margins. I can get it to fill the column left to right (horizontally) but setting Width to 100%. But setting the height to 100% does not work.
When the content in the left column is higher/taller than the right, there is a white space at the bottom.
I’m happy to share in Private but not publicly (unfortunately the client has requested that I don’t do this). If anyone wants to take a look, please let me know and I’ll PM it over.
This works if you are able to have a fixed height on the parent container. If so, set it to relative and set the sidebar to 100%.
Edit: the child does not to be relative. Changed the original text.
I’ll try to put in an example with flexbox css as well.
Edit 2: Updated with flexbox css. Not sure if thats really enough but it worked in chrome anyway. The row have class and in the custom code area i added display: flex;
So in my case:
Sorry, got busy, no worries on not being able to share the link ~ @jorn probably has the best solution anyways if you don’t want to use fixed heights on both columns or padding.