fix: small fixes in spacings

green-ecolution · Jul 5, 2024 · 5ee0bb1 · 5ee0bb1
1 parent 787533e
commit 5ee0bb1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/tsx/components/hero/ProjectHeroContent.tsx b/src/tsx/components/hero/ProjectHeroContent.tsx
@@ -13,7 +13,7 @@ function ProjectHeroContent() {
     }
 
     return (
-        <div className="flex flex-col">
+        <div className="flex flex-col mt-12">
             <p className="font-bold text-center">Akueller Projektstand:</p>
             <ul className="flex items-center justify-center gap-x-8 mb-10 mt-6 md:gap-x-12 lg:gap-x-16">
                 {steps.map((step, index) => (

diff --git a/src/tsx/components/sections/Contact.tsx b/src/tsx/components/sections/Contact.tsx
@@ -6,9 +6,8 @@ interface ContactProps {
 
 const Contact: React.FC<ContactProps> = ({ spacingTop = true }) => {
     return (
-        <section
-            className={`px-4 max-w-screen-lg mx-auto mb-28 md:grid md:grid-cols-2 md:gap-x-10 md:px-6 lg:mb-36 xl:max-w-screen-xl xl:mb-52
-        ${spacingTop ? "mt-28 lg:mt-36 xl:mt-52" : ""}`}
+        <section className={`px-4 max-w-screen-lg mx-auto mb-28 md:grid md:grid-cols-2 md:gap-x-10 md:px-6 lg:mb-36 xl:max-w-screen-xl xl:mb-52
+            ${spacingTop ? "mt-28 lg:mt-36 xl:mt-52" : ""}`}
         >
             <h2 className="font-lato font-bold text-2xl mb-6 lg:mb-10 lg:text-3xl">
                 Haben Sie weitere Fragen, Feedback oder ein Anliegen?

diff --git a/src/tsx/components/sections/Hero.tsx b/src/tsx/components/sections/Hero.tsx
@@ -8,7 +8,7 @@ interface HeroProps {
 
 const Hero: React.FC<HeroProps> = ({ headline, description, children }) => {
     return (
-        <section className="my-28 px-4 max-w-208 mx-auto md:px-6 lg:my-36 xl:my-52 xl:max-w-screen-lg">
+        <section className="mt-28 px-4 max-w-208 mx-auto md:px-6 lg:mt-36 xl:mt-52 xl:max-w-screen-lg">
             <h1 className="font-lato font-bold text-4xl mb-4 lg:mb-6 lg:text-5xl lg:text-center xl:text-6xl">{headline}</h1>
             <p className="lg:text-center">{description}</p>