From 40479472c2e8db744b38b43926f883fa8b93e082 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 7 Sep 2020 08:13:47 -0700
Subject: [PATCH] fixing some things regarding bottom video row

---
 src/components/rameelo/landing/landing.js   | 7 +++++++
 src/components/rameelo/landing/landing.scss | 6 ++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/rameelo/landing/landing.js b/src/components/rameelo/landing/landing.js
index e4ca2f4..0e13d77 100644
--- a/src/components/rameelo/landing/landing.js
+++ b/src/components/rameelo/landing/landing.js
@@ -331,6 +331,13 @@ function LandingContent(props) {
                   url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
                 />
               </span>
+
+              <span className="video-slide">
+                <ReactPlayer
+                  controls={true}
+                  url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
+                />
+              </span>
             </Slider>
           </span>
         </div>
diff --git a/src/components/rameelo/landing/landing.scss b/src/components/rameelo/landing/landing.scss
index 2daf0dc..549c59c 100644
--- a/src/components/rameelo/landing/landing.scss
+++ b/src/components/rameelo/landing/landing.scss
@@ -326,8 +326,8 @@ button.slick-arrow::before {
     padding: 1.5rem 0;
 
     .join-card {
-      width: 391px;
-      height: 246px;
+      min-width: 391px;
+      min-height: 246px;
       background-color: $red;
       display: flex;
       flex-direction: column;
@@ -374,6 +374,8 @@ button.slick-arrow::before {
           width: 320px !important;
           height: 220px !important;
         }
+
+        box-shadow: 5px 6px 10px #00000029;
       }
     }
   }