fix: remove unecessary html

components/ContentType/ContentPage/contentPage.module.css

@@ -34,8 +34,7 @@
 }
 
 .contentContainer {
-  display: flex;
+  display: grid;
-  flex-direction: column;
   padding: var(--Spacing-x4) var(--Spacing-x2) 0;
   gap: var(--Spacing-x4);
 }
@@ -44,10 +43,6 @@
   width: 100%;
 }
 
-.innerContent {
-  width: 100%;
-}
-
 @media (min-width: 768px) {
   .headerIntro {
     gap: var(--Spacing-x3);
@@ -59,7 +54,6 @@
     padding: var(--Spacing-x4) 0;
   }
   .contentContainer {
-    display: grid;
     grid-template-columns: var(--max-width-text-block) 1fr;
     gap: var(--Spacing-x9);
     max-width: var(--max-width-content);

components/ContentType/ContentPage/index.tsx

@@ -25,30 +25,32 @@ export default async function ContentPage() {
       <section className={styles.contentPage}>
         <header className={styles.header}>
           <div className={styles.headerContent}>
-            <div className={styles.headerIntro}>
+            {header ? (
-              <Title as="h2">{header.heading}</Title>
+              <>
-              <Preamble>{header.preamble}</Preamble>
+                <div className={styles.headerIntro}>
-            </div>
+                  <Title as="h2">{header.heading}</Title>
-            {header.navigation_links ? (
+                  <Preamble>{header.preamble}</Preamble>
-              <LinkChips chips={header.navigation_links} />
+                </div>
+                {header.navigation_links ? (
+                  <LinkChips chips={header.navigation_links} />
+                ) : null}
+              </>
             ) : null}
           </div>
         </header>
 
-        {hero_image && (
+        {hero_image ? (
           <div className={styles.heroContainer}>
             <Hero
               alt={hero_image.meta.alt || hero_image.meta.caption || ""}
               src={hero_image.url}
             />
           </div>
-        )}
+        ) : null}
 
         <div className={styles.contentContainer}>
           <main className={styles.mainContent}>
-            <div className={styles.innerContent}>
+            {blocks ? <Blocks blocks={blocks} /> : null}
-              {blocks ? <Blocks blocks={blocks} /> : null}
-            </div>
           </main>
 
           {sidebar?.length ? <Sidebar blocks={sidebar} /> : null}