Merge pull request #415 from GenaDrop:staging

fixed some spacing and responsiveness in the affiliates page
GenaDrop · Aug 24, 2024 · d227f1b · d227f1b
2 parents 2108350 + 166ce87
commit d227f1b
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/Mintbase/widget/Mintbase/App/Solutions/TopAffiliates.jsx b/apps/Mintbase/widget/Mintbase/App/Solutions/TopAffiliates.jsx
@@ -248,6 +248,9 @@ const Container = styled.div`
   margin: 50px 0;
   flex-direction: column;
   gap: 5rem;
+  @media only screen and (max-width: 800px) {
+    margin: 50px 20px;
+  }
   .header {
     display: flex;
     flex-direction: column;
@@ -440,14 +443,17 @@ const LayoutFooter = styled.div`
   @media screen and (max-width: 968px) {
     grid-template-columns: repeat(1, minmax(0, 1fr));
     text-align: center;
+    justify-content: center;
     align-items: center;
+    padding: 30px 10px;
   }
   gap: 2rem;
   .layoutLeft {
     display: flex;
     flex-direction: column;
     gap: 20px;
     max-width: 90%;
+    margin: 0 auto;
   }
   .layoutRight {
     display: flex;