From 2ef325d3dd5900d7681fce8f0ffc2450b493b363 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 14 Nov 2022 14:20:33 +0100
Subject: Tweak layout to allow for square cover images.
---
views/index.pug | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
(limited to 'views')
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
--
cgit v1.2.3