resize-kadkeahlian

resources/assets/js/components/demo/voter/home/index.vue

@@ -1,3 +1,5 @@
+
+
 <template>
 
   <div class="row col-md-10 col-md-offset-1">
@@ -361,9 +363,9 @@ export default {
 
 
 .kad-keahlian {
-  width: 80vw;
+  width: 100%;
   /* responsive width */
-  max-width: 320px;
+  max-width: 400px;
   /* limit for desktop */
   aspect-ratio: 1.30 / 1;
   /* maintain card ratio */
@@ -391,14 +393,14 @@ export default {
   cursor: pointer;
   transition: transform 0.25s ease, box-shadow 0.25s ease;
   background-image: url('/images/kad_bg.png');
-  background-size: 80%;
+  background-size: 60%;
   background-size: cover;
   background-position: center;
 }
 
-@media (max-height: 700px) {
+@media (max-height: 600px) {
   .kad-keahlian {
-    max-height: 210px;
+    max-height: 200px;
     padding: 12px;
     font-size: 0.75rem;
   }
@@ -423,7 +425,7 @@ export default {
   text-orientation: mixed;
   /* normal letters upright */
   font-weight: bold;
-  font-size: 17px;
+  font-size:1.5rem;
   letter-spacing: 2px;
   /* space between letters */
   padding: 5px;