[DEX-18110] - Design fixes for free page (#488)

hlxsites · Jun 5, 2024 · a2f4af1 · a2f4af1
1 parent 9293800
commit a2f4af1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 16 deletions.
diff --git a/solutions/blocks/image-columns/image-columns.css b/solutions/blocks/image-columns/image-columns.css
@@ -1,5 +1,5 @@
-.image-columns-wrapper {
-  padding: 0;
+.image-columns-container ul {
+  padding-left: 0;
 }
 
 .image-columns {
@@ -40,7 +40,6 @@
 }
 
 .image-columns > div > .image-columns-img-col .img-container {
-  max-width: 645px;
   width: 100%;
   height: auto;
   margin: 0 auto;
@@ -57,7 +56,6 @@
   position: relative;
   font-size: var(--body-font-size-l);
   list-style: none;
-  transform: translateX(-35px);
 }
 
 .image-columns ul li::before {
@@ -107,6 +105,7 @@
   font-size: 16px;
   line-height: 1.5;
   margin: 0 0 20px;
+  padding-left: var(--body-padding);
 }
 
 @media (min-width: 1400px) {
@@ -131,16 +130,4 @@
     flex: 1;
     order: unset;
   }
-
-  .image-columns-wrapper {
-    max-width: var(--section-desktop-max-width);
-    padding: 36px 0;
-    margin: 0 auto;
-  }
 }
-
-@media (min-width: 1600px) { /* large desktop */
-  .image-columns-wrapper {
-    max-width: var(--section-large-desktop-max-width);
-  }
-}
diff --git a/solutions/blocks/image-columns/image-columns.js b/solutions/blocks/image-columns/image-columns.js
@@ -1,6 +1,7 @@
 export default function decorate(block) {
   const cols = [...block.firstElementChild.children];
   block.classList.add(`columns-${cols.length}-cols`);
+  block.parentElement.classList.add('default-content-wrapper');
 
   // setup image columns
   [...block.children].forEach((row) => {