Corrected overflow-x style to remove unnecessary horizontal scroll bar

[terrence-ou]

Hi,

When I was browsing the website, I found unnecessary horizontal scroll bars under each of the code blocks, which kind of affect visual consistency, as the following image shows:

Then I went to the styles.scss file and found the attribute overflow-x was set to scroll. This means the horizontal scroll bar will always be there, whether the content is overflowing on the x-axis or not. I changed the value to auto to hide the bar when no overflow happens but show the scroll bar when horizontal scrolling is necessary.
The result after this modification is as shown in the following images:

When no x-scrolling needed:

When content overflows:

Thanks so much for considering this update!

[Darksonn]

This seems to be browser-dependent. I don't get the scroll bars without the change.

Either way, thank you.