alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

feat: add margin to bring in the content

Browse Source
This commit is contained in:
Alex Lebens
2026-03-09 22:54:03 -05:00
parent 0a17e3b8af
commit fa618b0524
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/sections/HeroSection.astro
View File

@@ -32,8 +32,8 @@ const images = await Promise.all(imagesData.map(async (img) => ({
}))); })));
--- ---
<section class="mx-auto grid max-w-340 gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"> <section class="grid md:grid-cols-2 md:items-center gap-4 md:gap-8 max-w-340 2xl:max-w-full px-4 py-14 sm:px-6 lg:px-8">
<div> <div class="md:ml-12">
<h1 class="smooth-reveal card-text-header block lg:text-7xl"> <h1 class="smooth-reveal card-text-header block lg:text-7xl">
<Fragment set:html={title} /> <Fragment set:html={title} />
</h1> </h1>
@@ -47,8 +47,7 @@ const images = await Promise.all(imagesData.map(async (img) => ({
{secondaryBtn && <GoLinkSecondaryButton title={secondaryBtn} url={secondaryBtnURL} />} {secondaryBtn && <GoLinkSecondaryButton title={secondaryBtn} url={secondaryBtnURL} />}
</div> </div>
</div> </div>
<div class="smooth-reveal-fade md:block w-full hidden md:mr-12">
<div class="smooth-reveal-fade md:block w-full hidden">
<div <div
class="flex justify-center w-full top-12 md:ml-4 overflow-hidden no-js-fallback" class="flex justify-center w-full top-12 md:ml-4 overflow-hidden no-js-fallback"
id="hero-image-container" id="hero-image-container"