Fix some scroll issues on mobile

registry/src/views/package.tsx

@@ -75,7 +75,10 @@ export default async function index({
                <label for="tab4">Tab 4</label> */}
                <div class="content" id="content1">
                   {readmeContent !== undefined ? (
-                     <div innerHTML={readmeContent} />
+                     <div
+                        style="overflow-x: hidden"
+                        innerHTML={readmeContent}
+                     />
                   ) : (
                      <div class="alert alert-warning">No README.md found!</div>
                   )}

registry/src/views/styles.css

@@ -11,6 +11,10 @@
    margin: 1rem;
 }
 
+code {
+   overflow-x: auto;
+}
+
 @media only screen and (max-width: 64rem) {
    .site {
       grid-template-columns: 1fr;