Prevent line-wraps of code blocks using jekyll, kramdown, and rouge

Boostrap is adding a white-space: pre-wrap rule in order to help code block readability.

If you want you code block to avoid this wrap, you can edit your css/data-creative.css and add

pre code{
  white-space: pre;
}

You have somewhere a CSS rule that for the code element sets white-space: pre-wrap. Add the following rule to override it:

code {
    white-space: pre;
}

I solved it like this:

pre {
    ...
    overflow-x: scroll;
}