Mobile and prompts long string bug

[joshjohanning]

Checklist

• I have read the tutorials and know the correct effect of the functional design.
• There are no similar reports on existing issues (including closed ones).
• I found the bug on the latest code of the master branch.

Describe the bug

Not sure if this is possible to fix given the nature of landscape/horizontal with phones, but posting it anyways as awareness.

On my mobile phone, if I have a prompt with a long string without a space (like a URL), it renders off the screen making it impossible to read the full prompt:

---

This is what it looks like on desktop:

cc: #626

To Reproduce

Steps to reproduce the behavior:

Create a prompt with a URL or other long string

> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ...
> > https://google.com/this/is/a/really/long/url/i/hope/it/keeps/going
{: .prompt-info }

Expected behavior

Ideally it would break up that string and put it onto the next line when the phone is in horizontal mode?

Screenshots

Environment

Command	Version
ruby -v
gem -v
bundle -v
bundle exec jekyll -v
bundle info jekyll-theme-chirpy

Desktop

• OS: macos 12.6
• Browser: Chrome

Smartphone

• Device: iPhone 13 pro
• OS: 16.0.1
• Browser: Safari

Additional context

[joshjohanning]

🥳