From f951edb4040d13101be8bea645d369de49c30804 Mon Sep 17 00:00:00 2001 From: Jack Date: Sun, 18 Oct 2020 18:26:27 +0100 Subject: [PATCH] fixed graph on narrow widths --- public/css/style.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/public/css/style.scss b/public/css/style.scss index d492bf30d..ae2515092 100644 --- a/public/css/style.scss +++ b/public/css/style.scss @@ -2777,6 +2777,25 @@ key { } } +@media only screen and (max-width: 600px) { +#middle{ + #result{ + grid-template-areas: + "stats stats" + "chart chart" + "morestats morestats"; + .stats{ + grid-template-areas: "wpm acc"; + gap: 4rem; + } + .stats.morestats{ + grid-template-rows: 1fr 1fr 1fr; + gap: 1rem; + } + } +} +} + @media only screen and (max-width: 500px) { #top{ .logo{