From d9c1b78cbacd1d09fae104f71afccbbf8e6d8890 Mon Sep 17 00:00:00 2001
From: kscheidecker <kilian.scheidecker@orange.fr>
Date: Fri, 7 Mar 2025 09:36:59 +0100
Subject: [PATCH] better
---
assets/css/hero.css | 22 ++++++++++++++--------
1 file changed, 14 insertions(+), 8 deletions(-)
diff --git a/assets/css/hero.css b/assets/css/hero.css
index 8b68e1b..add6793 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -21,7 +21,7 @@
margin-bottom: 4rem;
background: linear-gradient(to bottom right, #F9B208, #E72E77);
padding-top: 60px;
- padding-bottom: 80px;
+ padding-bottom: 40px;
padding-right: 40px;
padding-left: 40px;
}
@@ -103,7 +103,6 @@
justify-content: space-between;
align-items: center;
padding: 20px;
- background-color: #f5f5f5;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
@@ -111,6 +110,7 @@
/* Styling for bloc-text */
.bloc-text {
flex: 1;
+ text-align: left;
padding: 20px;
font-size: 1.2rem;
color: #333;
@@ -134,17 +134,23 @@
/* Styling for bloc-image */
.bloc-image {
flex: 1;
- max-width: 400px;
- padding: 20px;
+ width: 50vw;
display: flex;
justify-content: center;
- align-items: center;
+ align-items: left;
+ padding-left: 7vw;
+ padding-right: 7vw;
+ padding-top: 4vw;
+ padding-bottom: 4vw;
+
}
.bloc-image img {
- max-width: 100%;
- border-radius: 12px;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+ width: 15vw;
+ height: auto;
+ border-radius: 20px;
+ border: 4px solid black;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* Button at the end of the hero-second */