diff --git a/counter.css b/counter.css index 4ea61c53..f30660e3 100644 --- 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; } } \ No newline at end of file