video background responsive fix

cc-archive · Apr 30, 2019 · 3767afd · 3767afd
1 parent 776ff37
commit 3767afd
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -4711,6 +4711,16 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
       @media screen and (min-width: 75em) {
         .main-feature .feature-video .featured-video-element {
           margin-top: 0; } }
+      @media screen and (min-width: 40em) and (max-width: 63.99875em) {
+        .main-feature .feature-video .featured-video-element {
+          margin-top: 0;
+          margin-left: -13%;
+          width: 130%; } }
+      @media screen and (max-width: 39.99875em) {
+        .main-feature .feature-video .featured-video-element {
+          margin-top: 0;
+          margin-left: -30%;
+          width: 180%; } }
   .main-feature .content-wrap {
     position: absolute;
     top: 0;

diff --git a/frontend/scss/modules.scss b/frontend/scss/modules.scss
@@ -18,6 +18,16 @@
             @include breakpoint(xlarge) {
                 margin-top: 0;
             }
+            @include breakpoint(medium only) {
+                margin-top: 0;
+                margin-left: -13%;
+                width: 130%;
+            }
+            @include breakpoint(small only) {
+                margin-top: 0;
+                margin-left: -30%;
+                width: 180%;
+            }
         }
     }
     .content-wrap {