diff --git a/css/countdown.css b/css/countdown.css index b42b2c3..a5098a5 100644 --- a/css/countdown.css +++ b/css/countdown.css @@ -103,7 +103,7 @@ body { .countdown-other-timezones { margin: 25px 0; display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; max-width: 800px; margin-left: auto; @@ -150,9 +150,12 @@ body { font-weight: bold; color: #FF0000; margin-bottom: 4px; - font-size: 0.85rem; + font-size: 0.8rem; text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 0.3px; + line-height: 1.1; + word-wrap: break-word; + overflow-wrap: break-word; } .timezone-time { @@ -252,7 +255,7 @@ body { } .countdown-other-timezones { - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; } @@ -301,7 +304,7 @@ body { } .countdown-other-timezones { - grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }