Start adding gallery

1 files changed, 27 insertions, 0 deletions

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;
+}