Content intro stat issue (#361)

* Navattic hamburger icons. * Content intro stat issue. * Content intro tablet css fix. * Content intro desktop issue. --------- Co-authored-by: keith-kaplan <[email protected]>
hlxsites · Dec 5, 2023 · 7e9d563 · 7e9d563
1 parent 37f50d4
commit 7e9d563
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/blocks/content-intro/content-intro.css b/blocks/content-intro/content-intro.css
@@ -95,6 +95,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
 /* Block - Content Intro: Stat Number */
 .content-intro-stat .content-intro .content-intro__col-2 {
   position: relative;
+  max-width: 270px;
   margin: var(--spacer-element-10) 0 0 calc(42px + var(--spacer-element-05));
   padding-inline-end: calc(42px + var(--spacer-element-05));
 }
@@ -110,7 +111,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
 }
 
 .content-intro-stat .content-intro .content-intro__col-2 h2 {
-  width: 150px;
+  display: inline-block;
   font-size: var(--font-size-96);
   margin-top: 0;
   margin-bottom: var(--spacer-element-05);
@@ -171,7 +172,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
   }
 
   .content-intro-stat .content-intro .content-intro__col-2 {
-    max-width: var(--sidebar-max-container);
+    max-width: 275px;
     margin-left: auto;
     padding-inline-end: 0;
   }
@@ -210,6 +211,10 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
     margin: var(--spacer-layout-05) 0 0;
   }
 
+  .content-intro-stat .content-intro .content-intro__col-2 {
+    max-width: 360px;
+  }
+
   .content-intro p.content-intro__eyebrow,
   .content-intro-stat .content-intro .content-intro__col-2 h4 {
     font-size: var(--font-size-14);
@@ -240,11 +245,10 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
   }
 
   .content-intro-stat .content-intro .content-intro__col-2 p {
-    padding-inline-end: var(--spacer-layout-05);
+    /* padding-inline-end: var(--spacer-layout-05); */
   }
 
   .content-intro-stat .content-intro .content-intro__col-2 h2 {
     font-size: var(--font-size-128);
-    width: 195px;
   }
 }