perl: wrap code blocks on mobile screens

[sheet.git] / base.css

diff --git a/base.css b/base.css
index 405b282ab87c078260f6e87c6ea59057ff5aa333..e7d5fddcbacbb8901964bea5794eca0bdc98c13c 100644 (file)
--- a/base.css
+++ b/base.css
@@ -153,11 +153,17 @@ dl > dd {
 }
 @media (max-width: 42em) {
        .section dl {
-               grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+               grid: auto-flow / minmax(8em, 1fr) minmax(10em, 3fr);
        }
        dl > dd {
                margin-bottom: 1ex; /* distinguish rows more as dts can wrap */
        }
+       dd small {
+               display: inline-block;
+       }
+       dd code {
+               white-space: normal;
+       }
 }
 
 /* "keyboard" (list of keys) */