How to crop a line without a fixed width using flex?

Question

css

Is it possible somehow to clip text without a fixed width inside flex?

Working with Tailwind CSS.

Here is what I have, now if you add it truncateto a div with text, then the text stretches to full width due to white-space: nowrap, if you add a fixed width for example, w-24then the text is cut off, but this is not at all what you need, that is, it is necessary for each size screen to adjust this size and it will not always fit correctly, but I don’t know how to make a responsive size, because far from layout..

Answer 1

on line 16
<div class="flex-1" style="width: 100%">