update css grid responsiveness

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;
+  grid-template-columns: 1fr 1fr 1fr;
-  align-items: center;
+  grid-gap: 2px;
+  align-items: top;
   justify-items: center;
 }
-}
+
 
 .gridbox {
   display: inline-block;