From a00579851fa228d4fa7275d13e6d136db5738d44 Mon Sep 17 00:00:00 2001 From: talksik Date: Sat, 5 Sep 2020 18:52:30 -0700 Subject: [PATCH] responsiveness --- src/components/rameelo/landing/landing.js | 12 +----------- src/components/rameelo/landing/landing.scss | 9 +++++++-- 2 files changed, 8 insertions(+), 13 deletions(-) diff --git a/src/components/rameelo/landing/landing.js b/src/components/rameelo/landing/landing.js index 30f2a4d..6bb2761 100644 --- a/src/components/rameelo/landing/landing.js +++ b/src/components/rameelo/landing/landing.js @@ -13,26 +13,16 @@ export default class Landing extends React.Component { speed: 300, slidesToShow: 4, slidesToScroll: 1, - centerMode: true, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, - slidesToScroll: 3, - infinite: true, - dots: true, + slidesToScroll: 1, }, }, { breakpoint: 600, - settings: { - slidesToShow: 2, - slidesToScroll: 2, - }, - }, - { - breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, diff --git a/src/components/rameelo/landing/landing.scss b/src/components/rameelo/landing/landing.scss index b29f31c..6da35cc 100644 --- a/src/components/rameelo/landing/landing.scss +++ b/src/components/rameelo/landing/landing.scss @@ -189,7 +189,12 @@ .events-section { background: #f4f4f4 0% 0% no-repeat padding-box; - padding: 3em 4em; + + padding: 2em 2em; + + @media only screen and (min-width: 992px) { + padding: 3em 4em; + } .events-inner-container { span { @@ -267,7 +272,7 @@ color: $secondary-text; @extend %font-inter; - font-size: 0.4em; + font-size: 12px; } } }