Need help vertically centering a section within parent. Trying to use Flexbox.
As it says. I am working on a Wordpress site built using the Bridge theme incorporating the WPBakery builder. I have a section in the middle that has a row (defined by the background photo of the park) and two columns - image attached. One column has a picture of a light that has to be flush with the bottom of the section and the other column has a green box with text I am trying to center vertically.
This is the problem I am having. I am trying to use Flexbox to center the green box but in order for it to work the parent element has to have a defined height. However, if I define a height, the image to the left no longer sits flush with the bottom of the parent section, and currently the only way I've figured out how to do this is set the parent height at 100%. Basically if I fix one side I break the other. Any suggestions on how to fix, or is there another non-flexbox method that I am not seeing that would accomplish what I am trying to do?
Any help would be appreciated.