diff --git a/src/Pages/KKEMLearningFest/KKEMLearningFest.module.css b/src/Pages/KKEMLearningFest/KKEMLearningFest.module.css index fae2e6308..8574ed9ef 100644 --- 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 index 3a86e0605..7410a6142 100644 --- 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 index 9cd730449..b334c32c8 100644 --- 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; }