cproudlock c9bc2c68a8 Feature: Responsive sizing for 4K and 1080p displays ...

- Added CSS media query for screens 2560px+ width (4K displays)
- 4K displays automatically scale up all elements:
  * Logo: 90px → 180px (2x)
  * Main title: 42px → 84px (2x)
  * Clock: 28px → 56px (2x)
  * Section titles: 36px → 72px (2x)
  * Event titles: 32px → 64px (2x)
  * Event times: 22px → 44px (2x)
  * Color bar: 60px → 100px (1.67x)
  * LIVE badge: 18px → 32px (1.78x)
  * Footer: 18px → 36px (2x)
- 1080p displays use default optimized sizes
- Responsive design adapts automatically based on screen resolution
- No configuration needed - works out of the box

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-10-24 09:55:59 -04:00

20 KiB

Raw Blame History

View Raw