diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-24 01:42:23 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-24 01:42:23 +0100 |
| commit | 61529ab20971377657ad78c0b88ac122c8afdaf2 (patch) | |
| tree | 919a3e95f1d89f791746160dc6d8f58128d8e804 /actualités.css | |
| parent | ef81f91d2f30e60d813dec7d5004b96a5442696f (diff) | |
| download | quatuorbellefeuille.com-61529ab20971377657ad78c0b88ac122c8afdaf2.tar.xz | |
Make grid more robust when zooming
Diffstat (limited to 'actualités.css')
| -rw-r--r-- | actualités.css | 9 |
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; } |