Can this be done on flexbox?

Question

css

Is it possible to implement with flex so that the height of these boxes is full height and the height of the INSIDE elements is the same? I know how to do it in jquery, but maybe there is another option? More clearly in the picture:

Answer 1

outer flex and inner records set to text-overflow: ellipsis;

Answer 2

align-items: stretch; on the container, so your cards will be the same height.
You can also hang something like min-height: 2em on those elements that can be of different heights;
So they will occupy the height they need.