add max-width on buttons for larger screens

KlimaDAO · Jan 30, 2025 · 8c777dc · 8c777dc
1 parent eba6934
commit 8c777dc
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/app/components/views/Buy/styles.ts b/app/components/views/Buy/styles.ts
@@ -31,6 +31,7 @@ export const card = css`
 
 export const cardMessage = css`
   gap: 1rem;
+  width: 100%;
   display: flex;
   flex-direction: column;
   padding: 2rem;
@@ -63,6 +64,12 @@ export const cardMessage = css`
     text-decoration: underline;
   }
 
+  ${breakpoints.desktop} {
+    & .description {
+      max-width: 80rem;
+    }
+  }
+
   ${breakpoints.desktopLarge} {
     margin-top: 2.4rem;
   }
@@ -95,6 +102,13 @@ export const buttons = css`
     }
   }
 
+  ${breakpoints.desktop} {
+    justify-content: flex-start;
+    a {
+      max-width: 50rem;
+    }
+  }
+
   ${breakpoints.desktopLarge} {
     gap: 2rem;
     flex-direction: row;