From 68d7366ddfc8593f4f5aba227dda1441d2587257 Mon Sep 17 00:00:00 2001
From: Jordan Scales <scalesjordan@gmail.com>
Date: Tue, 21 Apr 2020 21:19:49 -0400
Subject: [PATCH] fix code width on mobile

---
 docs/docs.css       | 4 ----
 docs/index.html     | 4 ++--
 docs/index.html.ejs | 4 ++--
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/docs/docs.css b/docs/docs.css
index dc897cc..467de78 100644
--- a/docs/docs.css
+++ b/docs/docs.css
@@ -140,8 +140,4 @@ button.active {
     display: block;
     margin-top: 24px;
   }
-
-  pre code {
-    width: auto;
-  }
 }
diff --git a/docs/index.html b/docs/index.html
index c3541c5..6f80df8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -100,7 +100,7 @@
       <a href="https://codesandbox.io/s/late-sound-miqho?file=/index.html">an example with vanilla JavaScript</a>. The fastest way to use 98.css is to import it from unpkg.
     </p>
 
-    <pre style="width: 375px"><code>&lt;link
+    <pre style="max-width: 375px"><code>&lt;link
   rel="stylesheet"
   href="https://unpkg.com/98.css"
 &gt;</code></pre>
@@ -108,7 +108,7 @@
     <p>
       You can install 98.css from the <a href="https://github.com/jdan/98.css/releases">GitHub releases page</a>, or <a href="https://www.npmjs.com/package/98.css">from npm</a>.
     </p>
-    <pre style="width: 375px"><code>npm install 98.css</code></pre>
+    <pre style="max-width: 375px"><code>npm install 98.css</code></pre>
 
     <h2 id="components">Components</h2>
 
diff --git a/docs/index.html.ejs b/docs/index.html.ejs
index 6177a24..b3f59c0 100644
--- a/docs/index.html.ejs
+++ b/docs/index.html.ejs
@@ -100,7 +100,7 @@
       <a href="https://codesandbox.io/s/late-sound-miqho?file=/index.html">an example with vanilla JavaScript</a>. The fastest way to use 98.css is to import it from unpkg.
     </p>
 
-    <pre style="width: 375px"><code>&lt;link
+    <pre style="max-width: 375px"><code>&lt;link
   rel="stylesheet"
   href="https://unpkg.com/98.css"
 &gt;</code></pre>
@@ -108,7 +108,7 @@
     <p>
       You can install 98.css from the <a href="https://github.com/jdan/98.css/releases">GitHub releases page</a>, or <a href="https://www.npmjs.com/package/98.css">from npm</a>.
     </p>
-    <pre style="width: 375px"><code>npm install 98.css</code></pre>
+    <pre style="max-width: 375px"><code>npm install 98.css</code></pre>
 
     <h2 id="components">Components</h2>