React Hook
useMediaQuery
CSS media query를 JS에서 그대로 구독합니다. 브라우저 창 크기를 바꾸거나 시스템 설정을 토글해 보세요 ─ 매칭되는 항목이 실시간으로 활성화됩니다.
Viewport breakpoint
sm
md
lg
xl
current: —
User preferences
dark mode—
reduced motion—
hover device—
portrait—
Live responsive layout
현재 breakpoint
🎬 와이드 (xl)
좌측 정렬 + 그라디언트 강조