update

layouts/youtube-views-zh/single.html

@@ -53,7 +53,7 @@
 
     <div class="container">
       <div class="row justify-content-center align-items-center">
-        <div class="col-12 col-md-4 info-content">
+        <div class="col-12 col-md-6 col-lg-4 info-content">
           <h4>
             最低價 <strong>NT$0.4元/1view</strong>
             <br>
@@ -228,7 +228,8 @@
         </div>
       </div>
 
-      <img src="/imgs/dm/youtube-views-04.png" alt="" class="img-fluid my-5">
+      <img src="/imgs/dm/youtube-views-04.png" alt="" class="img-fluid my-5 d-none d-lg-block">
+      <img src="/imgs/dm/youtube-views-04-mb.jpg" alt="" class="img-fluid my-5 d-block d-lg-none">
 
       <div class="row justify-content-center direction-list">
         <div class="col-12 col-md-7 px-4 px-md-0 content">

static/css/style.css

@@ -2136,6 +2136,12 @@
 #youtube-views-zh .direction-list {
   margin-top: 100px;
 }
+@media (max-width: 991px) {
+  #youtube-views .direction-list,
+#youtube-views-zh .direction-list {
+    margin-top: 60px;
+  }
+}
 #youtube-views .direction-list img,
 #youtube-views-zh .direction-list img {
   width: 50px;

static/css/style.scss

@@ -2009,6 +2009,9 @@
   }
   .direction-list {
     margin-top: 100px;
+    @media (max-width: 991px) {
+      margin-top: 60px;
+    }
     img {
       width: 50px;
       object-fit: contain;