From f6bb289043cf37afc272a6a34c9369b6cc77f522 Mon Sep 17 00:00:00 2001 From: kscheidecker Date: Tue, 11 Mar 2025 10:43:38 +0100 Subject: [PATCH] width --- assets/css/hero.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/assets/css/hero.css b/assets/css/hero.css index bbbb8bb..0364435 100644 --- a/assets/css/hero.css +++ b/assets/css/hero.css @@ -19,7 +19,7 @@ height: 70vh; gap: 4rem; /* Space between items */ margin: auto; - margin-bottom: 4vh; + /* margin-bottom: 4vh; */ background: linear-gradient(to bottom right, #F9B208, #E72E77); padding-right: 3vw; /* 40 px approx*/ padding-left: 3vw; @@ -96,9 +96,10 @@ flex-direction: column; /* Stack elements vertically by default */ align-items: center; text-align: center; - width: 65%; + width: 100%; gap: 2rem; /* Space between items */ margin-bottom: 4rem; + padding-top: 4vh; background: linear-gradient(to bottom left, #E72E77, #F9B208); } @@ -107,6 +108,7 @@ display: flex; justify-content: space-between; align-items: center; + width: 65%; } /* Alternate layout for image on left or right */ @@ -191,7 +193,6 @@ flex-direction: column; padding-top: 7vh; padding-bottom: 7vh; - margin-bottom: 2vh; } .hero-content { @@ -228,6 +229,7 @@ .hero-second { width: 100%; + margin-top: 2vh; } .hero-bloc {