Pixel değil '%' şeklinde scale tanımanız durumunda muhtemelen çözülür. Ya da 'rem' kullanın
Zaten bir metini böyle kullanmak tasarımsal açıdan yanlış sans-serif fontlarda uzun yazılar güzel görünmez o yüzden
Yazının kapsaması gereken alan burası çok az padding vermeniz gerek aynı zamanda fontun kalınlığınıda biraz azaltın fotoğrafa backgrounda gradient verin alttan ışıyacak şekilde güzel olur
sorunuz ise widthin %sini ayarlayacaksınız block elementi sonuçta % verirseniz widthe düzelir veya flexboxdan başka bir colum oluşturun %50 %50 verin yine aynı sonuç
Valla hocam hem masaüstü güzel olacak, hem mobil güzel olacak, hem az kod olacak hem de güzel görünecek deyince birinden biri sıkıntı oluyor ve feragat etmek gerekiyor. Aslında
BURADAKİ demodaki manşet alanından esinlendim ama işte takıldım kaldım o metin alanında, diğer önerilerinize geçmeden önce böyle yapmaya çalışıyorum.