I am currently updating the site to be more responsive / mobile. Everything works fine for me with one exception, <pre>formatted code samples. Content is maintained by the blog engine, and the difference is completely between the topics. Returning to the original theme, everything worked great again.
Here is the initial display of code samples <pre>correctly formatted:

The following is the layout of the main element, as shown in Chrome:

After updating the CSS, however, the formatted code predoes not display correctly, instead it looks like this:

In Chrome, CSS is almost identical:

- /, , , pre-, . white-space: pre white-space: pre-wrap, . word-wrap , . display: type, , .. . , <pre>, , .
FYI, , . CSS , CSS . .
EDIT, CSS, :
Good/old:

/ :

-
Render() MasterPage BlogEngine, . , CSS , .