From b61969e7d3e19fbd5a3caa5adeb4883a7a2be724 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Thu, 12 Jan 2023 12:47:57 +0100
Subject: [PATCH] fix(Hero.tsx): improve responsibility

- picture of me is no longer floating on certain resolutions - always sticks to amber border of next section
---
 components/homepage/Hero.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/homepage/Hero.tsx b/components/homepage/Hero.tsx
index a17254d..e0f1408 100644
--- a/components/homepage/Hero.tsx
+++ b/components/homepage/Hero.tsx
@@ -27,7 +27,7 @@ export function Hero() {
   return (
     <>
       <Container className="pt-5 lg:pt-8">
-        <div className="md:flex md:justify-between md:items-center">
+        <div className="flex flex-col justify-center md:flex-row md:justify-between md:items-end">
           <div>
             <h1 className="font-display text-5xl font-medium tracking-tight text-black sm:text-7xl leading-10">
               Jsem{" "}
@@ -48,7 +48,7 @@ export function Hero() {
               Společně snížíme Vaše náklady na infrasturkuturu, zbavíme se technického
               dluhu a připravíme Vaší IT infrastrukturu na rapidní škálování.
             </p>
-            <div className="mt-10 flex flex-col gap-y-6 md:gap-y-0 md:flex-row md:justify-left md:gap-x-6">
+            <div className="mt-10 flex flex-col gap-y-6 md:gap-y-0 sm:flex-row sm:justify-center md:justify-left sm:gap-x-6">
               <Button href="https://calendly.com/vojtechmares/30min" size="large">
                 Domluvme si schůzku
               </Button>
@@ -92,7 +92,7 @@ export function Hero() {
               </ul>
             </div>
           </div>
-          <Image className="pt-10 md:pt-0" priority width={400} height={800} src={avatarVojtechMares} alt="Vojtěch Mareš" />
+          <Image className="pt-10 md:pt-0 mx-auto md:mx-0" priority width={400} height={800} src={avatarVojtechMares} alt="Vojtěch Mareš" />
         </div>
       </Container>
     </>