Merge pull request #754 from CyB3RTYp3/old-dev

fix(LearningFest):Responsive issue fix
gtech-mulearn · Sep 6, 2023 · 47387c2 · 47387c2
2 parents b042ec9 + 70d12e0
commit 47387c2
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 4 deletions.
diff --git a/src/Pages/KKEMLearningFest/KKEMLearningFest.module.css b/src/Pages/KKEMLearningFest/KKEMLearningFest.module.css
@@ -6,6 +6,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow: hidden;
 }
 
 .kkemLearningFestFooter{

diff --git a/src/Pages/KKEMLearningFest/components/Cards/Cards.module.css b/src/Pages/KKEMLearningFest/components/Cards/Cards.module.css
@@ -7,10 +7,11 @@
   src: url("../../font/pixelmix.ttf") format("truetype");
 }
 
-.carosel {
-  width: 100%;
-  display: grid;
-  place-content: center;
+.carosel{
+    width: 100%;
+    display: grid;
+    place-content: center;
+    overflow: hidden;
 }
 .cardsConatiner {
   padding: 1rem;
@@ -163,6 +164,7 @@
   }
 }
 
+
 @media (width<620px) {
   .cardsConatiner {
     padding-bottom: 1rem;

diff --git a/src/Pages/KKEMLearningFest/components/Journey/Journey.module.css b/src/Pages/KKEMLearningFest/components/Journey/Journey.module.css
@@ -8,6 +8,7 @@
     border-radius: 1rem;
     box-shadow: 0 0 1rem rgba(0, 0, 0, .7);
     padding: 1.2rem 2rem;
+    padding-bottom: 2rem;
     margin: 4rem 0;
     width: fit-content;
 }
@@ -46,10 +47,33 @@
     margin-top: -2rem;
 }
 
+@media (width<1100px) {
+
+    .kkemJourney {
+        padding: 1rem;
+        padding-bottom: 2rem;
+        margin: 4rem 2rem;
+    }
+
+    .kkemJourney h1 {
+        font-size: 1.2rem;
+        margin-bottom: 1rem;
+    }
+    .kkemJourneyCard img{
+        width: 12rem;
+    }
+
+    .kkemJourneyCard span {
+        margin-top: -1rem;
+    } 
+
+}
+
 @media(width<=768px) {
 
     .kkemJourney {
         padding: 1rem;
+        padding-bottom: 2rem;
         margin: 4rem 0;
     }