vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

fix(Hero.tsx): improve responsibility

Browse source 
- picture of me is no longer floating on certain resolutions - always sticks to amber border of next section
This commit is contained in:
Vojtěch Mareš 2023-01-12 12:47:57 +01:00
parent 5508601722
commit b61969e7d3
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/homepage/Hero.tsx
View file

@ -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>
</>