fix: Hero buttons not resizing correctly in mobile view

LibreChat-AI · Aug 30, 2024 · 17aa431 · 17aa431
1 parent 1d17129
commit 17aa431
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/components/home/hero.module.css b/components/home/hero.module.css
@@ -267,14 +267,21 @@
 .actions {
   margin-top: 1.6em;
   margin-bottom: 1.4em;
-  display: block;
-  align-items: left;
-  justify-content: left;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
   font-size: 1rem;
   font-size: min(1rem, max(3.5vw, 1.1rem));
   font-weight: 500;
 }
 
+.actions > * {
+  flex: 0 0 auto;
+  margin: 0.5em;
+  width: 150px;
+}
+
 a.cta {
   margin-right: 0.75rem;
   padding: 0.75rem 1.5rem;