update

static/css/style.css

@@ -410,19 +410,22 @@ body {
   word-break: break-word;
   transition: all 0.3s;
 }
+@media (max-width: 575px) {
+  .news-all .post-title a {
+    font-size: 30px;
+  }
+}
 .news-all .post-title a:hover {
   opacity: 0.7;
 }
-.news-all .post-description {
+.news-all .post-description a {
+  color: #727272;
   text-decoration: none;
   transition: all 0.3s;
 }
-.news-all .post-description:hover {
+.news-all .post-description a:hover {
   opacity: 0.7;
 }
-.news-all .post-description p {
-  color: #727272;
-}
 .news-all .news-info a {
   font-size: 18px;
 }

static/css/style.scss

@@ -475,6 +475,10 @@ body {
       word-break: break-word;
       transition: all 0.3s;
 
+      @media (max-width: 575px) {
+        font-size: 30px;
+      }
+
       &:hover {
         opacity: 0.7;
       }
@@ -482,15 +486,14 @@ body {
   }
 
   .post-description {
-    text-decoration: none;
-    transition: all 0.3s;
-
-    &:hover {
-      opacity: 0.7;
-    }
-
-    p {
+    a {
       color: #727272;
+      text-decoration: none;
+      transition: all 0.3s;
+
+      &:hover {
+        opacity: 0.7;
+      }
     }
   }
 

themes/hugo-bootstrap-5/layouts/partials/news-all.html

@@ -47,9 +47,9 @@
           <h2 class="post-title">
             <a href="{{ .Params.url }}">{{ .Params.title }}</a>
           </h2>
-          <a href="{{ .Permalink }}" class="post-description">
-            <p>{{ .Summary | plainify | truncate 100 }}</p>
-          </a>
+          <!-- <p class="post-description">
+            <a href="{{ .Permalink }}">{{ .Summary | plainify | truncate 100 }}</a>
+          </p> -->
         </article>
       </div>
       <span class="line">