more

src/styles/homepage-b.scss

@@ -72,13 +72,16 @@ section.section-one {
 }
 
 .hero-middle {
+  width: 800px;
+}
+
+.hero-middle-header {
   font-size: 2.8rem;
   text-align: center;
   color: #000;
   font-family: Roboto;
   font-weight: 500;
   line-height: 3.4rem;
-  width: 800px;
 }
 
 .hero-imgbox {
@@ -104,6 +107,7 @@ section.section-one {
 }
 
 .hero-button-box {
+  display: flex;
   margin-top: 50px;
   padding-left: 8px;
   width: 100%;
@@ -902,6 +906,21 @@ li.nav-item {
     color: #fff;
   }
 
+  .hero-imgbox {
+    display: flex;
+    flex-direction: column;
+    width: 380px;
+  }
+
+  .hero-middle {
+    width: 380px;
+  }
+
+  .hero-button-box {
+    display: flex;
+    flex-direction: column;
+  }
+
   .mobile-sw-deck {
     color: #fff;
     font-size: 16px;