Horizontal overflow on mobile (<code> inside a notice box)

[ironnysh]

Hi there,
In my recent article, there's a notice box that includes a URL. Since this is a sample URL pattern (not an active link), I initially wrapped it in an inline code element. Unfortunately, this causes a horizontal overflow on mobile:

This bug can be solved in a few ways, for example, by adding word-break: break-word; to either the wp-block-wporg-notice class or to the <code> element inside the wp-block-wporg-notice__content class.

For now, I removed the wrapping <code> element, but it would be great to be able to mark this piece of text somehow and make it stand out from the explanation that precedes it.