~aasg/haunted-blog

8658ec79bd354c0d3f78b125764e90a5a91bbdba — Aluísio Augusto Silva Gonçalves 2 months ago 287ff16
css: Lay out definition lists horizontally on large screens
1 files changed, 17 insertions(+), 0 deletions(-)

M static/css/site.css
M static/css/site.css => static/css/site.css +17 -0
@@ 192,3 192,20 @@ article.h-card #identities {
  margin: 0;
  padding: 0;
}

/* Lay out definition lists horizontally if there is enough space. */
@media (min-width: 40em) {
  dl {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-rows: auto;
  }

  dt {
    grid-column: 1;
  }

  dd {
    grid-column: 2;
  }
}