From 012161a316a1a031a945a660ece1a7ed20d44726 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Tue, 20 Aug 2024 04:29:17 +0200
Subject: [PATCH] update browse design

---
 .../home/browse/categories/categories.component.scss       | 1 -
 .../home/browse/hero-banner/hero-banner.component.scss     | 7 +++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/home/browse/categories/categories.component.scss b/frontend/src/app/components/home/browse/categories/categories.component.scss
index 0e11e20..d54c8e3 100644
--- a/frontend/src/app/components/home/browse/categories/categories.component.scss
+++ b/frontend/src/app/components/home/browse/categories/categories.component.scss
@@ -1,7 +1,6 @@
 @import "./../../../../../assets/style/colors.scss";
 
 section {
-  height: 60%;
   padding: 0 48px;
   margin-top: 12px;
 }
diff --git a/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss b/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
index b8a70bd..c88a944 100644
--- a/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
+++ b/frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
@@ -1,7 +1,7 @@
 @import "./../../../../../assets/style/colors.scss";
 
 section {
-  height: 40%;
+  height: 400px;
   position: relative;
   overflow: hidden;
   img {
@@ -30,7 +30,6 @@ section {
 .content {
   position: relative;
   width: 50%;
-  height: 40%;
   top: 120px;
   left: 96px;
   gap: 32px;
@@ -40,7 +39,6 @@ section {
 .title {
   font-size: 48px;
   font-weight: 700;
-  height: 40%;
   margin-bottom: 6px;
   text-shadow: 1px 1px 2px $black;
 }
@@ -49,8 +47,9 @@ section {
   position: relative;
   font-size: 18px;
   font-weight: 400;
+  max-height: 96px;
+  height: fit-content;
   overflow: hidden;
-  height: 50%;
   word-wrap: break-word;
   text-shadow: 1px 1px 2px $black;
 }