Ensure edge of header is flush with xlarge screen sizes [PUB-200]

art-institute-of-chicago · Aug 21, 2024 · b6f979c · b6f979c
1 parent 5ac3a66
commit b6f979c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/scss/molecules/_m-article-header.scss b/frontend/scss/molecules/_m-article-header.scss
@@ -1221,16 +1221,18 @@
 
   @include breakpoint('xlarge') {
     .m-article-header__text {
-      max-width: colspan(14, xlarge);
+      max-width: colspan(14, 'xlarge');
       z-index: 1;
     }
     .m-article-header__text::before {
-      left: -50%;
+      left: -300%;
       margin-left: 0;
-      max-width: colspan(14, xlarge);
+      max-width: colspan(50, 'xlarge');
     }
     .m-article-header__img {
-      flex: 0 0 auto;
+      height: 75vh;
+      right: 50%;
+      margin-right: -50vw;
     }
   }
 }