Update index.vue

pages/index.vue

@@ -16,7 +16,7 @@
                       کالا و وارد کردن شماره سریال خود دستگاه از اصالت دستگاه مطلع شوید.
                     </p>
                   </CCol>
-                  <CCol lg="6" sm="12">
+                  <CCol class="brand-sp" lg="6" sm="12">
                     <div class="brand" :class="g === 1 && 'selected'">
                       <button @click="openModal(1)">
                         <i class="fas fa-phone-laptop"></i>
@@ -24,7 +24,7 @@
                       </button>
                     </div>
                   </CCol>
-                  <CCol lg="6" sm="12">
+                  <CCol class="brand-sp" lg="6" sm="12">
                     <div class="brand" :class="g === 2 && 'selected'">
                       <button @click="openModal(1)">
                         <i class="fas fa-photo-video"></i>
@@ -256,9 +256,12 @@ export default {
   justify-content: center;
   align-items: stretch;
 
+  .brand-sp{
+    display: flex;
+    justify-content: center;
+  }
   .brand {
-    flex-basis: 50%;
+    max-width: 190px;
-    max-width: 180px;
     padding: 10px;
     text-align: center;