From 5ee0bb131054f295cba2af25d4bb02e51850859e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Fri, 5 Jul 2024 08:15:43 +0200
Subject: [PATCH] fix: small fixes in spacings

---
 src/tsx/components/hero/ProjectHeroContent.tsx | 2 +-
 src/tsx/components/sections/Contact.tsx        | 5 ++---
 src/tsx/components/sections/Hero.tsx           | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/tsx/components/hero/ProjectHeroContent.tsx b/src/tsx/components/hero/ProjectHeroContent.tsx
index e10b5d5..1d17126 100644
--- 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
index da3ca32..d3abf09 100644
--- 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
index 1af8a12..0216cb1 100644
--- 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>