Reverse tiers on mobile (#5212)

Joystream · Nov 6, 2023 · cac5b84 · cac5b84
1 parent e457a91
commit cac5b84
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/atlas/src/views/global/YppLandingView/YppLandingView.styles.ts b/packages/atlas/src/views/global/YppLandingView/YppLandingView.styles.ts
@@ -100,12 +100,13 @@ export const CenteredLayoutFlex = styled(FlexBox)`
 
 export const TierCardWrapper = styled(GridItem)`
   width: 100%;
-  display: grid;
-  grid-template-columns: 1fr;
+  display: flex;
+  flex-direction: column-reverse;
   gap: ${sizes(4)};
-  justify-content: center;
 
   ${media.sm} {
+    display: grid;
+    justify-content: center;
     grid-template-columns: repeat(2, auto);
   }