EDERCMS-5 mobile styling

techdivision · Oct 18, 2024 · b18aecb · b18aecb
1 parent 98af710
commit b18aecb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -39,6 +39,10 @@
   display: block;
 }
 
+.columns.usp {
+  padding: 0 var(--spacing-simple)
+}
+
 .columns.usp span.icon {
   box-sizing: border-box;
   width: 85px;
@@ -87,6 +91,12 @@
 }
 
 /* styling desktop */
+@media (width >= 1200px) {
+  .columns.usp {
+    padding: 0;
+  }
+}
+
 @media (width >= 900px) {
   .columns > div {
     max-width: 100%;

diff --git a/blocks/hero-video/hero-video.css b/blocks/hero-video/hero-video.css
@@ -66,6 +66,7 @@ main .hero-video-container {
       }
 
       > div:not(.overlay-anchor) {
+        width: 80%;
         position: absolute;
         left: 50%;
         top: 30%;
@@ -128,6 +129,10 @@ main .hero-video-container {
         h1 {
           font-size: 40px;
         }
+
+        > div:not(.overlay-anchor){
+          width: auto;
+        }
       }
 
       .video-mobile {