[ci-skip] Fix Horizontal Scroll on Mobile:

On mobile devices, when reading the Rails Guides I noticed horizontal
scroll. This can be fixed with a few small CSS tweaks around absolute
width in .code, white-space: normal, overflow: scroll
and white-space: pre respectively.

Co-authored-by: Juan Vasquez <[email protected]>

Author: 2 people

guides/assets/stylesrc/components/_code-container.scss

@@ -44,10 +44,13 @@ dl dd .interstitial {
     padding-left: 1em !important; // remove if icon is restored
     direction: ltr !important;
     text-align: left !important;
+    width: 100%;
+    white-space: normal;
 
     pre {
       margin: 0;
-      overflow: visible; // allows for the blue highlight to be seen
+      overflow: scroll;
+      white-space: pre;
     }
 
     button.clipboard-button {