Thank you for the suggestion however display: Flex doesn't apply here.
Got me going in the right direction though.
Add to Custom CSS
.tbh-highlight-content {
padding: 1.5em;
min-height: 100%;
overflow: hidden;
border-radius: 0;
}
.row-fluid {
display: flex;
flex-wrap: wrap;
}
.row-fluid > [class*='col-'] {
display: flex;
flex-direction: column;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row-fluid > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
Hope it helps someone else someday.
Cheers