Vertical Centering Of Content – Round 2

Continuing on from this thread:
https://siteorigin.com/thread/vertical-allign-in-a-row/

I use to have a solution that worked well based on the following.

.vert-flexbox {		
  display: -webkit-flex;		
  display: -ms-flexbox;		
  display: flex;
  overflow: hidden;
   -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.col {
  flex: 1;
  padding: 20px;
}

I would assign the vert-flexbox to the “Row Class” and the Col to the “Cell class”. This would create equal height columns and vertically center items within the columns.

However I believe that about two updates ago of page builder this broke. Viewing the structure of the pagebuilder rows and columns it appears this has changed to previous versions, is this correct?

So after this latest update to page builder once again I am back at trying to get equal height columns and vertical centering working again (and losing a bit more hair in the process). To this I have two questions.

1. As I know this has been a big question for a long time; is there a planned road map for bring this kind or equal height columns and vertical centering into the pagebuilder interface.

2. Do you have an suggestions on how to vertical center for the current version and how I might future proof it.

Regards,

Josh