Index: web-extra/martin.css.pp ================================================================== --- web-extra/martin.css.pp +++ web-extra/martin.css.pp @@ -661,18 +661,21 @@ /* ******* (Mobile first) Columnar series list styling ******* */ .column-list { - max-width: 17rem; margin: 0; - columns: 8rem auto; + column-count: 2; + column-width: 16ch; + column-gap: 1ch; } @media (min-width: 667px) { .column-list { + column-count: auto; margin: 0 auto; + max-width: 70ch; } } .column-list div { padding-left: 0.25em; /* Keeps some italic descenders inside the box */ @@ -736,11 +739,12 @@ } @media (min-width: 667px) { footer#main { text-align: center; - width: 100%; + width: calc(100% - 4vw); + padding: 0 2vw 1rem 2vw; background: linear-gradient(◊color-background 5%, #dedede 100%); } } footer#main p.title {