Merge pull request #269 from HerrBertling:fix/margin

Fix/margin
HerrBertling · Jul 1, 2024 · f555908 · f555908
2 parents bbe5fbe + f7b2289
commit f555908
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/app/components/ContentBlocks/FullSizeImageBg.tsx b/app/components/ContentBlocks/FullSizeImageBg.tsx
@@ -33,7 +33,7 @@ export default function FullSizeImageBg({
         </picture>
       )}
       <div
-        className={`py-8 px-4 lg:max-w-[70ch] lg:px-12 lg:pb-12 lg:pt-36 ${
+        className={`py-8 px-4 lg:max-w-[70ch] lg:px-12 lg:pb-12 lg:pt-36 break-words overflow-hidden ${
           imageRight && "col-start-1 ml-auto lg:row-start-1"
         }`}
       >

diff --git a/app/components/ContentBlocks/ImageBg.tsx b/app/components/ContentBlocks/ImageBg.tsx
@@ -23,12 +23,12 @@ export default function ContentBlockImageBg({
     : {};
   return (
     <section
-      className={`after::z-0 relative flex min-h-[400px] bg-cover bg-center bg-no-repeat text-center mix-blend-multiply after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:block after:bg-slate-300/80 
-      ${hasButton && "grid grid-cols-1 justify-center gap-4 pb-12"}`}
+      className={`after::z-0 relative flex min-h-[400px] bg-cover bg-center bg-no-repeat text-center mix-blend-multiply after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:block after:bg-slate-300/80 break-words overflow-hidden
+      ${hasButton && "grid grid-cols-1 justify-center gap-4 pb-12 "}`}
       style={backgroundStyle}
     >
       <div
-        className={`z-10 m-auto w-screen max-w-4xl px-4 py-12 ${
+        className={`  z-10 m-auto w-screen max-w-4xl px-4 py-12 ${
           withPaddingTop && "px-4 py-12 pt-28"
         }`}
       >

diff --git a/app/components/ContentBlocks/Testimonial.tsx b/app/components/ContentBlocks/Testimonial.tsx
@@ -7,7 +7,7 @@ export default function Testimonial({
   author,
 }: ITestimonialsFields) {
   return (
-    <section className="mx-auto max-w-7xl px-4 pt-12 md:px-12">
+    <section className="mx-auto my-8 max-w-7xl px-4 pt-12 md:px-12">
       <div className="max-w-[100%] h-[auto] flex flex-col gap-8 items-center justify-center p-8 shadow shadow-black-500/40 hover:shadow-vsp-500/40 rounded-lg ">
         <div className="h-auto  rounded-lg object-cover flex justify-center ">
           <a href={link}>

diff --git a/app/components/ContentBlocks/Testimonials.tsx b/app/components/ContentBlocks/Testimonials.tsx
@@ -3,7 +3,7 @@ import { type ITestimonialSectionFields } from "../../../@types/generated/conten
 function Testimonials({ title }: ITestimonialSectionFields) {
   return (
     <section className="mx-auto max-w-7xl px-4 pt-12 md:px-12">
-      <h2 className="mb-12 font-headline text-4xl font-bold">{title}</h2>
+      <h2 className="font-headline text-4xl font-bold">{title}</h2>
     </section>
   );
 }