How to make three boxes with flexbox?

Question

css

How to correctly make three blocks on flexbox, which contain pictures of different heights and text so that the text and pictures are aligned relative to each other and there are no bumps due to the different size of the pictures?

Answer 1

Pictures and blocks are in blocks of equal height, within which height centering is specified. Something like this. If you want to be more specific, type in the constructor.

Answer 2

You create a wrapper for these two elements in the flex container, give it a minimum height and center the contents of the wrapper using align-items: center