From dbc19f036789f776c823e68a822f3e7d2a131854 Mon Sep 17 00:00:00 2001
From: arctic <arctic>
Date: Fri, 13 Jan 2023 22:08:00 -0800
Subject: [PATCH] add class + move changes to landing.ejs

---
 css/app.main.css |  7 -------
 html/landing.ejs | 13 +++++++++++--
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/css/app.main.css b/css/app.main.css
index cf1547a5..1afd12b0 100644
--- a/css/app.main.css
+++ b/css/app.main.css
@@ -51,13 +51,6 @@ a:not([href]):hover {
   text-decoration: none;
 }
 
-.channel-page > div:nth-child(3) {
-  position: relative;
-  top: 11.5em;
-  padding-bottom: 2em;
-  overflow: hidden;
-}
-
 .page-footer-section a,
 .page-footer-section p {
   color: #b2b4bf;
diff --git a/html/landing.ejs b/html/landing.ejs
index d3e78ece..2a1936dc 100644
--- a/html/landing.ejs
+++ b/html/landing.ejs
@@ -212,7 +212,16 @@ section#landing-page {
 font-stretch: ultra-expanded;
   font-weight: 1000;
 }
-   
+
+.product-container {
+  display: flex;
+  justify-content: center;
+  position: relative;
+  top: 11.5em;
+  padding-bottom: 2em;
+  overflow: hidden;
+}
+
 .btn-explore {
   padding: 20px;
   display: flex;
@@ -316,7 +325,7 @@ z-index: 10; /* Was 2 */"
         <a href="/discover" class="btn-explore">Discover Videos</a>
       </div>
     </div>
-    <div style="display: flex;justify-content: center;">
+    <div class="product-container">
            <img src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
          </div>
      </div>