Merge pull request #113 from linksplatform/issue-110-ec5b7eeb

Fix broken code block display on mobile devices

Author: konard

docs/website/style.css

@@ -311,13 +311,16 @@ body {
     border-radius: 0.5rem;
     overflow-x: auto;
     border-left: 3px solid var(--primary-color);
+    -webkit-overflow-scrolling: touch;
 }
 
 .example-card code {
     font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
     font-size: 0.8125rem;
     color: var(--text-primary);
     line-height: 1.5;
+    display: block;
+    min-width: fit-content;
 }
 
 /* Playground */
@@ -448,13 +451,16 @@ body {
     border-radius: 0.5rem;
     overflow-x: auto;
     border-left: 3px solid var(--primary-color);
+    -webkit-overflow-scrolling: touch;
 }
 
 .code-example code {
     font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
     font-size: 0.8125rem;
     color: var(--text-primary);
     line-height: 1.5;
+    display: block;
+    min-width: fit-content;
 }
 
 /* Footer */