quatuorbellefeuille.com

commit 1ede67ef5567f3871cc73a755339b7ab2afdd24c
parent e3646ce5ac73996a7ddaa63633f73be678dcb9f3
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun, 13 Dec 2020 22:59:51 +0100

Allow gallery elements to shrink and grow

Diffstat:
M
gallerie.css
 | 
9
++++-----

1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/gallerie.css b/gallerie.css
@@ -1,14 +1,13 @@
 main {
-}
-
-main > div {
-    padding: 2%;
     overflow: auto;
+    padding-top: 2%;
+    padding-bottom: 2%;
+    padding-right: 2%;
 }
 
 .mosaic {
     display: grid;
-    grid-template-columns: repeat(auto-fit, 30em);
+    grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
     grid-gap: 0.8em;
 }