add merchant and improve margins

age-of-eykar · Sep 19, 2022 · bb265c2 · bb265c2
1 parent b19512e
commit bb265c2
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/components/discover/page2.js b/components/discover/page2.js
@@ -14,12 +14,6 @@ function Page2({ direction }) {
     return (
         <div className={[styles.page1, directionStyle].join(" ")}>
             <div className={styles.cards}>
-                <div className={[styles.vertical_card, styles.bg_merchant].join(" ")}>
-                    <div className={styles.vertical_content}>
-                        <h1>Merchants</h1>
-                        <p>Merchants gain prestige by trading. They establish trade routes and go in search of the most sought-after resources from other kingdoms.</p>
-                    </div>
-                </div>
 
                 <div className={[styles.vertical_card, styles.bg_diplomat].join(" ")}>
                     <div className={styles.vertical_content}>
@@ -34,6 +28,14 @@ function Page2({ direction }) {
                         <p>Warlords gain prestige by destroying other empires. They can put violence in the service of the wealthy or stand on the side of good and defend the just causes.</p>
                     </div>
                 </div>
+
+                <div className={[styles.vertical_card, styles.bg_merchant].join(" ")}>
+                    <div className={styles.vertical_content}>
+                        <h1>Merchants</h1>
+                        <p>Merchants gain prestige by trading. They establish trade routes and go in search of the most sought-after resources from other kingdoms.</p>
+                    </div>
+                </div>
+
             </div>
         </div>
     );

diff --git a/public/illustrations/merchant.webp b/public/illustrations/merchant.webp
diff --git a/styles/Discover.module.css b/styles/Discover.module.css
@@ -167,7 +167,7 @@
 
 .bg_merchant {
     background-image: linear-gradient(rgba(0, 0, 0, 0),
-            rgb(27, 20, 14)), url("/illustrations/warrior2.webp");
+            rgb(27, 20, 14)), url("/illustrations/merchant.webp");
 }
 
 .bg_diplomat {

diff --git a/styles/components/Slider.module.css b/styles/components/Slider.module.css
@@ -2,11 +2,11 @@
     display        : flex;
     align-items    : center;
     justify-content: center;
+    margin-top     : 20px;
 }
 
 @media (max-width: 1240px) {
     .slider {
-        margin-top   : 20px;
         margin-bottom: 50px;
     }
 }