@media
Applies styles only when certain conditions are met, such as specific screen widths, resolutions, or user preferences like dark mode.
Quick example
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}@media Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
3+
12+