Felix Hungenberg

ALT /* Viewport Size */ @media (max-width: 320px) { … } @media (width <= 320px) { … } @media (320px <= width <= 768px) { … } @media (aspect-ratio: 16/9) { … } /* Viewport Orientation */ @media (orientation: portrait) { … }

ALT /* User Settings */ @media (prefers-color-scheme: dark) { … } @media (prefers-color-scheme: light) { … } @media (prefers-reduced-motion: no-preference) { … } @media (prefers-reduced-data: no-preference) { … } @media (prefers-contrast: more) { … } /* Device Capabilities */ @media (dynamic-range: high) { … } @media (resolution: 300dpi) { … } @media (hover) { … } @media (pointer: fine) { … } /* Browser Capabilities */ @supports (grid: 1fr / 1fr) { … }

ALT the video game The Ramp game thumbnail shows a little skateboarder on a halfpipe on a solid blue background. the caption is white and frosted against the game thumbnail, along with an announcement and date about the game: "the ramp is out now!"

ALT the video game The Ramp game thumbnail shows a little skateboarder on a halfpipe on a solid blue background. the caption is dark and frosted against the game thumbnail, along with an announcement and date about the game: "the ramp is out now!"

ALT .adaptive-glass { --glass-lightness: 100%; background: hsl(0 0% var(--glass-lightness) / 50%); backdrop-filter: blur(40px); @media (prefers-color-scheme: dark) { --glass-lightness: 0%; } }