diff options
| author | Tor Andersson <tor@ccxvii.net> | 2022-11-14 14:20:33 +0100 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-11-17 00:05:43 +0100 |
| commit | 2ef325d3dd5900d7681fce8f0ffc2450b493b363 (patch) | |
| tree | 4542fb0ea7cbff789a1eb05da8a72b66f5d4f80e /views/index.pug | |
| parent | 20d905e0fb094f2d5ec15c59b6a0264eb942e0ab (diff) | |
| download | server-2ef325d3dd5900d7681fce8f0ffc2450b493b363.tar.gz | |
Tweak layout to allow for square cover images.
Diffstat (limited to 'views/index.pug')
| -rw-r--r-- | views/index.pug | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/views/index.pug b/views/index.pug index 2be79e9..7fe95e0 100644 --- a/views/index.pug +++ b/views/index.pug @@ -8,21 +8,24 @@ html title= SITE_NAME style. div.list { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(0, 160px)); - gap: 16px; + display: flex; + flex-wrap: wrap; + gap: 8px 0; } div.item { - text-align: center; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; } div.item a:not(:hover) { color: black; text-decoration: none; } div.item img { + display: block; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); - height: 200px; - margin: 5px auto; + margin: 6px 16px; } body include header |