From 1575ba828ffd07b5703511ca7fb5c8e0fd3077b7 Mon Sep 17 00:00:00 2001 From: nberting Date: Mon, 11 Jun 2018 18:45:09 +0200 Subject: [PATCH] update css grid responsiveness --- app/static/css/style.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/app/static/css/style.css b/app/static/css/style.css index 7fc3444..c7a3740 100755 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -357,7 +357,7 @@ box-sizing: border-box; justify-items: center; } -@media screen and (max-width: 900px) { +@media screen and (max-width: 1000px) { .grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; @@ -365,15 +365,16 @@ box-sizing: border-box; align-items: top; justify-items: center; } -} -@media screen and (max-width: 400px) { + +@media screen and (max-width: 600px) { .grid{ display: grid; - grid-template-columns: 1fr; - align-items: center; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 2px; + align-items: top; justify-items: center; } -} + .gridbox { display: inline-block;