grid: auto-flow / 1fr 1fr;
clear: both;
}
-@media (max-width: 42em) {
- .section dl {
- grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
- }
-}
.section dl > dt {
grid-column: 1;
text-align: right;
grid-column: 2;
text-align: left;
padding-left: 1em;
- margin: 0;
+ margin: 0 0 .5ex;
+}
+@media (max-width: 42em) {
+ .section dl {
+ grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+ }
+ dl > dd {
+ margin-bottom: 1ex; /* distinguish rows more as dts can wrap */
+ }
}
/* "keyboard" (list of keys) */