src/components/mini/box14-video.vue

@@ -18,7 +18,7 @@
                     <!-- <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
                        {{item.title}}
                     </router-link> -->
                        {{item.title}}
                     {{item.title}}
                  </h5>
                  <div class="post_content">
                     {{item.introduce}}
@@ -124,6 +124,7 @@
      gap: 2rem;
      padding-bottom: 20px;
      // background-color: #666;
      user-select: none;

      a {
         color: #555;
@@ -270,27 +271,25 @@
      overflow: hidden;
   }

   @media screen and (max-width:1024px) {
   @media screen and (min-width:768px) {
      .gridClass {
         grid-template-columns: repeat(2, 1fr);
      }
   }
	
   @media screen and (max-width:767px) {
      .gridClass {
         grid-row-gap: 2rem;
         grid-column-gap: 0rem;
         grid-template-columns: repeat(1, 1fr);

	
         .entry-preview {
            display: block;
         }

	
         .thumbnail_box {
            min-width: 100%;
         }
      }


   }

   @media screen and (min-width:1025px) {
      .gridClass {
         grid-template-columns: repeat(2, 1fr);
      }
   }
</style>