Make grid more robust when zooming

1 files changed, 4 insertions, 5 deletions

diff --git a/actualités.css b/actualités.css
index a6421b6..d73454e 100644
--- 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;
 }