From 2956be8b8f587d405e1e18f8d340e52374a71a7b Mon Sep 17 00:00:00 2001
From: Oliwier Matus <95776763+Aghon5304@users.noreply.github.com>
Date: Wed, 13 Mar 2024 19:34:10 +0100
Subject: [PATCH] Feature/adjust carousel component for desktop (#47)

* feature: fixed style of project and carusel component

* fix: fixed edges of carousel
---
 src/components/Carousel/Carousel.module.scss | 15 +++++++++++++++
 src/components/Project/Project.module.scss   |  6 ++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/Carousel/Carousel.module.scss b/src/components/Carousel/Carousel.module.scss
index 7f9dab9..6a8e3c0 100644
--- a/src/components/Carousel/Carousel.module.scss
+++ b/src/components/Carousel/Carousel.module.scss
@@ -99,3 +99,18 @@
 .indicator:active {
   scale: 1.2;
 }
+
+@media screen and (min-width: $breakpoint-desktop){
+  .carousel{
+    width: 95%;
+    height: 40vh;
+    margin: auto;
+    margin-top: 3rem;
+  }
+  .slider{
+    border-radius: 22px;
+  }
+  .indicators{
+    width: 7%;
+  }
+}
\ No newline at end of file
diff --git a/src/components/Project/Project.module.scss b/src/components/Project/Project.module.scss
index 0fe0e22..5a9cee9 100644
--- a/src/components/Project/Project.module.scss
+++ b/src/components/Project/Project.module.scss
@@ -79,6 +79,7 @@
 
   .mobileProjectTitleLightTheme {
     margin: 0;
+    height: 0;
     visibility: hidden;
   }
 
@@ -87,10 +88,11 @@
     text-align: center;
     background-color: $white_100_35;
     color: $black;
-    margin: 0 40px 8px;
+    margin: -40vh auto 8px;
     font-size: 16px;
-    padding: 2px 20px 80px 24px;
+    padding: 39vh 20px 80px 24px;
     border-radius: 22px;
+    width:95%;
     div {
       text-align: justify;
       padding: 30px 60px 60px 60px;