Broken Flexbox Layout Because of PRE Tags

If your flexbox layout breaks because of too wide <pre> tags, you can fix that very easily by adding min-width: 0;to the flex element and max-width: 100%;to the <pre> tag.