update Title

layouts/partials/LP_components/video.html

@@ -1,6 +1,11 @@
 <section class="sec-video">
     <div class="container">
         <h2 class="video-title">三代主播－客製化範例影片</h2>
+        <h2 class="video-mb-title">
+            三代主播
+            <br>
+            客製化範例影片
+        </h2>
         <span class="line"></span>
         <p class="video-text">
             2022 年與藝點新聞合作之活動宣傳影片 <br>

static/css/custom.css

@@ -204,7 +204,14 @@
 
 @media (max-width: 991px) {
   .sec-video .stock {
-    width: 25%;
+    width: 50%;
+  }
+}
+
+@media (max-width: 575px) {
+  .sec-video .stock {
+    top: 75px;
+    width: 70%;
   }
 }
 
@@ -224,12 +231,27 @@
   height: 100%;
 }
 
-.sec-video .video-title {
+.sec-video .video-title,
+.sec-video .video-mb-title {
   margin-bottom: 20px;
   font-size: 3rem;
   text-align: center;
 }
 
+.sec-video .video-mb-title {
+  display: none;
+  line-height: 40px;
+}
+
+@media (max-width: 575px) {
+  .sec-video .video-title {
+    display: none;
+  }
+  .sec-video .video-mb-title {
+    display: block;
+  }
+}
+
 .sec-video .video-text {
   margin-bottom: 20px;
   font-size: 16px;