Added padding and made responsive

apu52 · Jan 7, 2025 · 291136f · 291136f
1 parent eeb0e5c
commit 291136f
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/counter.css b/counter.css
@@ -13,8 +13,8 @@
 
   }
   .countitem {
-    width: 28vmin;
-    height: 28vmin;
+    width: 36vmin;
+    height: 32vmin;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
@@ -53,21 +53,21 @@
       width: 85vw;
     }
     .countitem{
-      height: 26vmin;
-      width: 26vmin;
-      font-size: 12px;
+      height: 36vmin;
+      width: 40vmin;
+      font-size: 8px;
     }
   }
   @media screen and (max-width: 768px) {
     .wrapper {
       width: 90vw;
       flex-wrap: wrap;
-      gap: 30px;
+      gap: 20px;
     }
     .countitem {
-      width: calc(50% - 40px);
-      height: 30vmin;
-      font-size: 14px;
+      width: calc(80% - 40px);
+      height: 36vmin;
+      font-size: 7px;
     }
   }
   @media screen and (max-width: 480px) {
@@ -78,6 +78,6 @@
     .countitem {
       width: 100%;
       height: 25vmin;
-      font-size: 8px;
+      font-size: 6px;
     }
   }