perl: grid layout of dl columns
authorMischa POSLAWSKY <perl@shiar.org>
Mon, 13 Feb 2023 11:24:00 +0000 (12:24 +0100)
committerMischa POSLAWSKY <perl@shiar.org>
Wed, 8 Mar 2023 11:02:53 +0000 (12:02 +0100)
Same results without floats, being more manageable and adjustable.

base.css

index 94db00b2ef552954212994c41e77863e3246beca..204e2993946b4701f08ceb788291352dc7ca37ed 100644 (file)
--- a/base.css
+++ b/base.css
@@ -132,15 +132,20 @@ h2 small {
        padding-top: .17ex;
 }
 
+dl {
+       display: grid;
+       grid: auto-flow / 1fr 1fr;
+       clear: both;
+}
 dl > dt {
-       float: left;
-       width: 50%;
+       grid-column: 1;
        text-align: right;
 }
 dl > dd {
+       grid-column: 2;
        text-align: left;
        padding-left: 1em;
-       overflow: hidden;
+       margin: 0;
 }
 
 /* "keyboard" (list of keys) */