Hocam yazıya "width:" verip yazının alt satrıma geçmesini sağlayabilirsin ya da yine yazıya genişlik verip, taşan kısmı kesip oraya "..." koyabilirsin.

Yazıp kaç pixelden sonra bozuluyorsa (max-width: 480px) alanına onu yaz ve o beyaz alanın genişliğini bulup sınıf içerisinde ki genişliğe yaz

@media (max-width: 480px) {
    .yazinin-sinifi-veya-kimligi {
        width: 300px;
    }
}

biraz css bilgin varsa, ne dediğimi anlamışsındır

eğer yazıyı ... (üç nokta) ile sonlandırmak istiyorsanız

@media (max-width: 480px) {
    .yazinin-sinifi-veya-kimligi {
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

yukarıda ki parçacığı kullanabilirsiniz, eğer yine sorunu çözemiyorsanız sayfa bağlantısını buradan paylaşın tam olarak gerekli kodu vereyim