Why is the text not being cut off?

Question

css

Hello. There is such a title of the article, it is necessary with insufficient width. If we remove the flex property from .box, everything works. I understand that you need to assign something to the meta element?
https://jsfiddle.net/ayeqrb1e/

Answer 1

overflow: hidden;
must be on the element that is to overlap.

Answer 2

Your box__title is text-sized.

.box__meta {
    overflow: hidden;
}

Answer 3

https://jsfiddle.net/ayeqrb1e/2/