center customer case entry or all webbrowsers

varianter · Dec 12, 2024 · 496312d · 496312d
1 parent 9847121
commit 496312d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/sections/customerCasesEntry/CustomerCasesEntry.tsx b/src/components/sections/customerCasesEntry/CustomerCasesEntry.tsx
@@ -45,7 +45,7 @@ async function CustomerCasesEntry({ language, section }: CustomerCasesProps) {
 
   return (
     customerCaseResult && (
-      <div>
+      <>
         <div className={styles.titleWrapper}>
           <Text type="h3" className={styles.title}>
             {section.basicTitle}
@@ -56,7 +56,7 @@ async function CustomerCasesEntry({ language, section }: CustomerCasesProps) {
           language={language}
           customerCasePageSlug={customerCasePageSlug}
         />
-      </div>
+      </>
     )
   );
 }

diff --git a/src/components/sections/customerCasesEntry/customerCasesEntry.module.css b/src/components/sections/customerCasesEntry/customerCasesEntry.module.css
@@ -1,6 +1,8 @@
 .container {
   container-type: inline-size;
   container-name: customer-case-container;
+  display: flex;
+  justify-content: center;
 }
 
 .wrapper {
@@ -11,7 +13,6 @@
   display: flex;
   gap: 1rem;
   max-width: var(--max-content-width-large);
-  justify-self: center;
 }
 
 .imageWrapper {