diff --git a/apps/Mintbase/widget/Mintbase/App/Store/Card.jsx b/apps/Mintbase/widget/Mintbase/App/Store/Card.jsx index 839da9ff..5987d85e 100644 --- a/apps/Mintbase/widget/Mintbase/App/Store/Card.jsx +++ b/apps/Mintbase/widget/Mintbase/App/Store/Card.jsx @@ -187,7 +187,7 @@ const StoreCard = styled.div` } } @media (max-width: 568px){ - max-width: 70%; + width: 100%; margin: 0; } `; diff --git a/apps/Mintbase/widget/Mintbase/App/Store/Cards.jsx b/apps/Mintbase/widget/Mintbase/App/Store/Cards.jsx index e1a4155c..84593573 100644 --- a/apps/Mintbase/widget/Mintbase/App/Store/Cards.jsx +++ b/apps/Mintbase/widget/Mintbase/App/Store/Cards.jsx @@ -27,7 +27,7 @@ const Root = styled.div` const MainCardsGrid = styled.div` display: grid; - grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 20px; border-radius: 0.7em; width: 100%; diff --git a/apps/Mintbase/widget/Mintbase/Mini/Index.jsx b/apps/Mintbase/widget/Mintbase/Mini/Index.jsx index 00744941..4772fe62 100644 --- a/apps/Mintbase/widget/Mintbase/Mini/Index.jsx +++ b/apps/Mintbase/widget/Mintbase/Mini/Index.jsx @@ -561,7 +561,12 @@ const Card = styled.div` color: white; } .content_main { - margin: 48px 44px 48px 44px; + margin: 48px 44px; + + /* tablets and mobile */ + @media (max-width: 768px) { + margin: 18px 4px; + } } .stripe-data { display: flex;