quatuorbellefeuille.com

commit 61529ab20971377657ad78c0b88ac122c8afdaf2
parent ef81f91d2f30e60d813dec7d5004b96a5442696f
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue, 24 Nov 2020 01:42:23 +0100

Make grid more robust when zooming

Diffstat:
M
actualités.css
 | 
9
++++-----

1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/actualités.css b/actualités.css
@@ -1,7 +1,7 @@
 main {
     display: grid;
     overflow: auto;
-    grid-template-columns: 60% 40%;
+    grid-template-columns: 65% 35%;
 }
 
 main > div {
@@ -11,10 +11,9 @@ main > div {
 
 .events {
     display: grid;
-    width: 50vw;
-    grid-auto-rows: 12vw;
-    grid-template-columns: repeat(auto-fit, 14vw);
-    grid-gap: 1vw;
+    grid-auto-rows: 14em;
+    grid-template-columns: repeat(auto-fit, 18em);
+    grid-gap: 0.8em;
     background-color: #dbb;
 }