ud

src/pages/Business/CommercialGroup.tsx

@@ -133,22 +133,26 @@ export default function BusinessCommercialGroup() {
 
             {section3Data && <BottomTabsSection data={section3Data} />}
 
-            <section
+            {
-                className={`${styles.twoColSection} ${styles.propertyServices}`}
+                section4Data.hide ? null : (
-                style={{
+                    <section
-                    backgroundImage: `url(${section4Data?.backgroundImage}), ${FALLBACK_GRADIENT}`,
+                        className={`${styles.twoColSection} ${styles.propertyServices}`}
-                }}
+                        style={{
-            >
+                            backgroundImage: `url(${section4Data?.backgroundImage}), ${FALLBACK_GRADIENT}`,
-                <div className={styles.propertyServicesContent}>
+                        }}
-                    <div className={styles.propertyServicesTitle}>{section4Data?.title}</div>
+                    >
-                    <p className={styles.propertyServicesSubtitle}>{section4Data?.content}</p>
+                        <div className={styles.propertyServicesContent}>
-                    <ScrollReveal preset="slideUp" className={styles.propertyServicesBtn}>
+                            <div className={styles.propertyServicesTitle}>{section4Data?.title}</div>
-                        <Link to={section4Data?.path ?? "#"} >
+                            <p className={styles.propertyServicesSubtitle}>{section4Data?.content}</p>
-                            {viewDetail}
+                            <ScrollReveal preset="slideUp" className={styles.propertyServicesBtn}>
-                        </Link>
+                                <Link to={section4Data?.path ?? "#"} >
-                    </ScrollReveal>
+                                    {viewDetail}
-                </div>
+                                </Link>
-            </section>
+                            </ScrollReveal>
+                        </div>
+                    </section>
+                )
+            }
         </div>
     );
 }

src/pages/Join/Campus.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    gap: 6.25rem;
 
     .campusColLeft {
         display: flex;
@@ -34,7 +35,7 @@
     .campusColRight {
         .jobList {
             padding-bottom: 6.25rem;
-            width: 60rem;
+            /* width: 60rem; */
             min-height: 31.25rem;
         }
         .jobItem {