Mobile Landscape View Text Issue

Hey guys, I am having trouble trying to figure this issue out on my own. In the images, I have the issue highlighted in a border. The border does not contribute to sizing issue. In the image where the phone number is broken into two lines, that is from my phone in landscape mode. My phone is an iPhone 14 Pro Max. The image where the phone number is displayed correctly (single line), that is from the inspector on my web browser. I also have a media query set to remove the social icons before the two flex containers meet and jumble the phone number. Everything works great on the inspector, but I cannot figure out the issue when viewing on my mobile device. I have the code attached below:

https://github.com/jvisme1991/photo-display.git