perl: reduce dt column width for small 400-640px screens

[sheet.git] / base.css

diff --git a/base.css b/base.css
index 204e2993946b4701f08ceb788291352dc7ca37ed..97d8128a9eb4c9ae9594662417e20d6f83f4ec09 100644 (file)
--- a/base.css
+++ b/base.css
@@ -137,10 +137,18 @@ dl {
        grid: auto-flow / 1fr 1fr;
        clear: both;
 }
+@media (max-width: 42em) {
+       dl {
+               grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+       }
+}
 dl > dt {
        grid-column: 1;
        text-align: right;
 }
+dt code {
+       white-space: normal;
+}
 dl > dd {
        grid-column: 2;
        text-align: left;