CSS Yazı Taşmasını Önleme

Bunu nasıl önleyebilirim, responsive yani pencere sıkıştırılınca bile düzgün gözükmesini istiyorum.

display: block;
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Tam Penceredeyken

Küçük Penceredeyken

Kutunun flex olan classına kodları yerleştirdim oldu.

dış kutuya sabit width verin içi 100% olsun böylece dış kalıba göre uzar. Paddingde verebilirsin.