Equal height columns with centered content in flexbox
问题 I'd like to have two columns of equal height and their content should be middle aligned, so in the very center of each div. Problem: 'equal height' and 'middle aligned' seem to exclude themselves, the one doesn't work with the other. Question: How can I create a row with two columns with different width, equal height and their content centered in the middle of each column? <!-- 'middle aligned' and 'equal height' don't like each other ? --> <div class="ui equal height center aligned grid">