fix the PluginGrid on mobiles sizes

2020-10-19 13:29:41 +05:30
parent ac8d5d5c74
commit e2af6f7613
2 changed files with 10 additions and 4 deletions
@@ -6,7 +6,7 @@
  flex-direction: column;
 }

-.grid {
+.PluginGrid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
@@ -15,17 +15,23 @@
 }

@media (max-width: 1200px) {
-  .grid {
+  .PluginGrid {
    grid-template-columns: repeat(3, 1fr);
  }
 }

@media only screen and (max-width: 815px) {
-  .grid {
+  .PluginGrid {
    grid-template-columns: repeat(2, 1fr);
  }
 }

+@media only screen and (max-width: 485px) {
+  .PluginGrid {
+    grid-template-columns: 1fr;
+  }
+}
+
 .PluginCard img {
  float: left;
  margin: 0px 16px 8px 0px;