[PATCH 3/6] css: fix horizontal scroll on mobile

[Kana]

---
 resources/style/_code.scss    | 2 +-
 resources/style/_layout.scss  | 1 +
 resources/style/org-demo.scss | 5 ++++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/style/_code.scss b/resources/style/_code.scss
index d76ed59..5fd827b 100644
--- a/resources/style/_code.scss
+++ b/resources/style/_code.scss
@@ -2,7 +2,7 @@ code,kbd {
     font-family: "Droid Sans Mono";
     hyphens: none;
     word-break: break-word;
-    white-space: pre;
+    white-space: pre-wrap;
     word-wrap: break-word;
 }
 
diff --git a/resources/style/_layout.scss b/resources/style/_layout.scss
index b722528..fcced27 100644
--- a/resources/style/_layout.scss
+++ b/resources/style/_layout.scss
@@ -43,6 +43,7 @@ body {
     line-height: 1.4;
     max-width: 60rem;
     margin: auto;
+    overflow-wrap: break-word;
 }
 
 #content p {
diff --git a/resources/style/org-demo.scss b/resources/style/org-demo.scss
index daaac4d..45cc38c 100644
--- a/resources/style/org-demo.scss
+++ b/resources/style/org-demo.scss
@@ -95,7 +95,10 @@ $demo_green: wcag-color($green, $demo_bg);
         background: none;
         margin: 0;
         padding: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+    }
+    pre.src, pre .org-table {
+        white-space: pre;
     }
     pre.br {
         margin-top: 1em;
-- 
2.54.0