Update milo-marquee.css

adobecom · Jan 18, 2024 · 0cccbe4 · 0cccbe4
1 parent 0a5a13a
commit 0cccbe4
Showing 1 changed file with 18 additions and 11 deletions.
diff --git a/creativecloud/blocks/interactive-marquee/milo-marquee.css b/creativecloud/blocks/interactive-marquee/milo-marquee.css
@@ -13,28 +13,25 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  width: 100%;
+  gap: var(--spacing-m);
+  padding: var(--spacing-xxl) 0;
 }
 
 .interactive-marquee .interactive-container {
-  order: 1;
-  width: 100%;
-  height: 425px; /* mobile */
+  height: 300px;
+  width: 300px;
+  margin: 0 auto;
   border: 4px;
 }
 
 .interactive-marquee .media {
   max-width: 300px;
   position: relative;
-  top: 63px; /* mobile */
-  margin: 0 auto;
-  cursor: pointer;
 }
 
 .interactive-marquee .text {
   display: flex;
   flex-direction: column;
-  padding: var(--spacing-m);
   margin: 0 0 0 auto;
   order: 2;
 }
@@ -62,6 +59,9 @@
 .interactive-marquee .icon-text {
   margin: auto var(--spacing-xs);
   font-weight: 700;
+  font-size: 18px;
+  line-height: 22.5px;
+  font-style: normal;
 }
 
 .interactive-marquee .icon-area picture,
@@ -126,12 +126,13 @@
   }
 
   .interactive-marquee .interactive-container {
-    height: 700px;
+    height: 604px;
+    width: 569px;
   }
 
   .interactive-marquee .media {
     max-width: 569px;
-    top: 91px;
+    top: 35px;
   }
 
   .interactive-marquee .action-area {
@@ -163,12 +164,19 @@
     flex-direction: row;
     align-items: center;
     order: unset;
+    width: 100%;
   }
 
   .interactive-marquee .interactive-container {
     order: unset;
     width: 50%;
     height: 100%;
+    margin: 0;
+  }
+
+  .interactive-marquee .media {
+    top: 91px;
+    margin: 0 auto;
   }
 
   .interactive-marquee .supplemental-text {
@@ -182,4 +190,3 @@
     max-width: 500px;
   }
 }
-