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>
