optimization

src/assets/css/main.css

@@ -1,26 +1,3 @@
-/*-----------------------------------------------------------------------------------
-
-    Template Name: Sample - Corporate Business Bootstrap4 HTML5 Template
-    Template URI: site.com
-    Description: Sample - Corporate Business Bootstrap4 HTML5 Template
-    Author: MD THAHERIL ISLAM
-    Author URI: site.com
-    Version: 1.0
-
------------------------------------------------------------------------------------
-
-    CSS INDEX
-    ===================
-
-    01. Theme default CSS
-	02. Header
-    03. Hero
-	04. Footer
-
------------------------------------------------------------------------------------*/
-/*===========================
-    1. COMMON css 
-===========================*/
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
 body {
   font-family: "Roboto", sans-serif;
@@ -38,7 +15,6 @@ body[data-theme="light"] {
   --logo: url("../images/wrenchboard.png") no-repeat;
 }
 
-
 /* ==========================================vue */
 * {
   margin: 0;
@@ -2314,6 +2290,18 @@ p {
     display: none;
   }
 }
+
+@media screen and (min-width: 688px) and (max-width: 1031px) {
+  /* Your CSS styles for this viewport size */
+  .appie-blog-item{
+    display: flex; 
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+
 .black{
   color:#000;
 }