[Help] How to turn off line wrapping in the code blocks

[rednafi]

Mandatory Step

• I am using the latest production release of Elegant

Recommended Step

• I have attached a link to my blog source code repository
• I have reproduced my pelican configuration files

I need help with turning off line wrapping in the code blocks

Currently, long lines in the code blocks get wrapped like this:

This is not very readable, especially on mobile devices. I'd like to completely turn off line wrapping in the code blocks. Longer lines should introduce a horizontal scrollbar both on pcs and phones. How do I achieve that? I've tried putting this CSS snippet in the custom.css file but it seems like it's not doing anything,

pre{
  text-align: left;
  overflow-x: scroll;
  justify-content: left;
  white-space: nowrap;
}

Thank you for your help!