add space to bottom of block content, shrink featurebox

web/src/components/blocks/Blocks.tsx

@@ -18,7 +18,9 @@ export const Blocks = ({ blocks }: any) => {
     (block: any) => block?.__typename === "PageSectionBlock"
   );
 
-  return blocks.map((block: any) => {
+  return (
+    <div className="blockContent">
+      {blocks.map((block: any) => {
         switch (block?.blockType) {
           case "RichTextBlock":
             return <RichTextBlock block={block} />;
@@ -72,5 +74,7 @@ export const Blocks = ({ blocks }: any) => {
             console.log("unsupported block", block);
             return <div>Unsupported block type {block?.blockType}</div>;
         }
-  });
+      })}
+    </div>
+  )
 };

web/src/components/blocks/featuredBlock.module.scss

@@ -1,10 +1,9 @@
 .featuredBlock {
   background: var(--color-background-secondary);
-  margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepadding-inline)*-1);
-  padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
+  margin: calc(var(--spacing-sitepadding-block)*2) 0;
+  padding: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  column-gap: var(--spacing-gap-column);
 
   &[data-background-color="deepBrick"] {
     background-color: var(--color-deepBrick);
@@ -31,42 +30,26 @@
   &:nth-of-type(even) {
     .text {
       order: 2;
-      align-items: flex-start;
-
-      p {
-        text-align: left;
-      }
     }
 
     .image {
       order: 1;
     }
   }
-
-  +.featuredBlock {
-    margin-top: calc(var(--spacing-sitepadding-block)*-2);
-  }
-
-  &:last-child {
-    margin-bottom: 0;
-  }
 }
 
 .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: flex-end;
+  align-items: flex-start;
   gap: var(--spacing-gap-row);
+  padding: var(--spacing-l);
 
   h2 {
     font-size: var(--font-size-h2);
   }
 
-  p {
-    text-align: right;
-  }
-
   a {
     font-family: var(--font-serif);
     font-size: var(--font-size-lead);
@@ -94,3 +77,13 @@
   padding-top: 60%;
   background: var(--color-placeholder);
 }
+
+@media (max-width: 800px) {
+  .featuredBlock {
+    grid-template-columns: 1fr;
+
+    .text {
+      order: 2;
+    }
+  }
+}

web/src/components/blocks/imageSliderBlock.module.scss

@@ -43,7 +43,7 @@
   }
 
   &:last-child {
-    margin-bottom: 0;
+    margin-bottom: calc(var(--spacing-section-bottom)*-1);
   }
 
   &[data-hero] {

web/src/components/general/accordion.module.scss

@@ -52,6 +52,10 @@
 .accordionContent {
   padding: var(--spacing-m) 0 var(--spacing-s);
   display: none;
+
+  >div {
+    padding-bottom: 0;
+  }
 }
 
 .icon {

web/src/css/base.scss

@@ -340,3 +340,11 @@ select {
   font-weight: 500;
   text-decoration: none;
 }
+
+.blockContent {
+  padding-bottom: var(--spacing-section-bottom);
+}
+
+.accordion .blockContent {
+  padding-bottom: 0;
+}