changed max width

PermanentOrg · Oct 2, 2024 · caf906c · caf906c
1 parent 3920f00
commit caf906c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss b/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss
@@ -2,6 +2,10 @@
 @import 'fonts';
 @import 'variables';
 
+:host {
+  max-width: 80rem;
+}
+
 .goals {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -58,7 +62,8 @@ p {
 
 .text-container {
   display: flex;
-  gap: 64px;
+  gap: 15rem;
+  justify-content: space-between;
   @media (max-width: 854px) {
     flex-direction: column;
     gap: 16px;

diff --git a/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss b/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss
@@ -2,6 +2,10 @@
 @import 'fonts';
 @import 'variables';
 
+:host {
+  max-width: 78rem;
+}
+
 .reasons {
   display: grid;
   grid-template-columns: repeat(4, 1fr);