itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make Hero responsive

Browse Source
This commit is contained in:
itsfinniii
2026-03-20 21:21:35 +01:00
parent 0d329d1e9c
commit dcaf313745
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
astro/src/components/web/Hero.astro
View File

@@ -19,11 +19,11 @@ const hero = Astro.props.hero;
/> />
<div class="absolute flex items-center w-full h-screen bg-[#00000082] z-10"> <div class="absolute flex items-center w-full h-screen bg-[#00000082] z-10">
<div class="absolute text-white md:left-40 sm:left-20 p-8 z-30"> <div class="absolute text-white lg:left-40 lg:p-8 p-16 z-30">
<div class="flex flex-col gap-2.5 text-left"> <div class="flex flex-col gap-2.5 text-left">
<h1 class="text-white font-bold text-8xl w-fit">{hero.title}</h1> <h1 class="text-white font-bold md:text-8xl sm:text-7xl text-6xl w-fit">{hero.title}</h1>
{ hero.text !== null && ( { hero.text !== null && (
<div class="text-2xl max-w-170">{hero.text}</div> <div class="lg:text-2xl text-lg max-w-170">{hero.text}</div>
) } ) }
</div> </div>
</div> </div>