From 2af97b95eb3eaa061b783d0aad02cb97d707b0a4 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 13 Dec 2020 16:09:22 +0100
Subject: Start adding gallery

---
 gallerie.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 gallerie.css

(limited to 'gallerie.css')

diff --git a/gallerie.css b/gallerie.css
new file mode 100644
index 0000000..6706c28
--- /dev/null
+++ b/gallerie.css
@@ -0,0 +1,27 @@
+main {
+}
+
+main > div {
+    padding: 2%;
+    overflow: auto;
+}
+
+.photos {
+    display: grid;
+    grid-auto-rows: 14em;
+    grid-template-columns: repeat(auto-fit, 40%);
+    grid-gap: 0.8em;
+}
+
+.photo img {
+    object-position: center;
+    object-fit: cover;
+    height: 100%;
+    width: 100%;
+    transition: filter 0.5s;
+    filter: grayscale(0.8) brightness(0.4);
+}
+
+.photo img:hover {
+    filter: none;
+}
-- 
cgit v1.2.3