fix: responsive modal

src/components/modals/main/scss/index.scss

@@ -180,17 +180,12 @@ li {
   bottom: 0;
   left: 0;
   height: 80%;
+  width: 60%;
 }
 
-@media only screen and (max-width: 1300px) {
+@media (max-width: 1700px) {
   #modal {
-    width: 90% !important;
-  }
-}
-
-@media only screen and (min-width: 1310px) {
-  #modal {
-    width: 60%;
+    width: 80% !important;
   }
 }
 
@@ -306,7 +301,7 @@ li {
   }
 }
 
-@media only screen and (max-width: 1650px) {
+@media only screen and (max-width: 800px) {
   li.navbar-item {
     span {
       display: none;

src/components/modals/main/scss/marketplace/_main.scss

@@ -16,7 +16,7 @@
 
 .items {
   display: inline-grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(4, 1fr);
   margin-top: 15px;
 
   .item {
@@ -71,6 +71,12 @@
   }
 }
 
+@media (max-width: 1920px) {
+  .items {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
 @media (max-width: 1680px) and (min-width: 1500px) {
   .items {
     grid-template-columns: repeat(2, 1fr);
@@ -83,16 +89,6 @@
   }
 }
 
-@media only screen and (max-width: 1680px) {
-  .side {
-    float: none !important;
-  }
-
-  .sidebr {
-    display: none;
-  }
-}
-
 p.author {
   margin-top: -5px;
 }