design changes

PermanentOrg · Sep 20, 2024 · 3920f00 · 3920f00
1 parent a986867
commit 3920f00
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 7 deletions.
diff --git a/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.html b/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.html
@@ -7,7 +7,7 @@
         Let’s set some goals. Everyone has unique goals for preserving their
         legacy. We want to learn more about how we can help you achieve yours.
       </p>
-      <p class="text"><b>My goal is to...</b></p>
+      <p class="text"><b class="bold">My goal is to...</b></p>
     </div>
   </div>
   <div class="goals">

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
@@ -7,7 +7,7 @@
   grid-template-columns: repeat(4, 1fr);
   gap: 16px 50px;
 
-  @media (max-width: 1200px) and (min-width: 990px) {
+  @media (max-width: 1270px) and (min-width: 990px) {
     grid-template-columns: repeat(3, 1fr);
   }
 
@@ -40,6 +40,10 @@
   text-align: left;
 }
 
+.bold {
+  font-family: 'UsualBold', sans-serif;
+}
+
 .text-right {
   width: 40%;
 

diff --git a/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.html b/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.html
@@ -1,7 +1,7 @@
 <!-- @format -->
 <div>
   <div class="text-container">
-    <p class="what-is-important">Tell us what's <b>important</b> to you</p>
+    <p class="what-is-important">Tell us what's <b class="bold">important</b> to you</p>
     <p class="text">
       Finally, we’re curious... <br /><b>What brought you to Permanent.org?</b>
     </p>

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
@@ -22,7 +22,7 @@
 }
 
 .what-is-important {
-  font-family: 'UsualRegular', sans-serif;
+  font-family: 'UsualLight', sans-serif;
   font-size: 56px;
   width: 60%;
 
@@ -31,6 +31,10 @@
   }
 }
 
+.bold {
+  font-family: 'UsualBold', sans-serif;
+}
+
 .text {
   font-family: 'UsualRegular', sans-serif;
   font-size: 16px;
@@ -47,11 +51,11 @@ p {
 
 .text-container {
   display: flex;
-  gap: 16px;
-  gap: 150px;
+  gap: 15rem;
 
   @media (max-width: 1062px) {
     flex-direction: column;
+    gap: 2rem;
   }
 }
 

diff --git a/src/app/onboarding/components/onboarding/onboarding.component.scss b/src/app/onboarding/components/onboarding/onboarding.component.scss
@@ -43,7 +43,6 @@ $mobile-transition-breakpoint: 1200px;
   flex-direction: row;
   justify-content: space-around;
   margin: 1.5em 0;
-  max-width: 1400px;
 }
 
 .progress-chunk {