@media
Term side of the Card
Topic: Directives
Unit title: @media
Categories: Directive
Explanation side of the Card
Explanation: The directive used to apply styles based on the conditions of the user's viewport or device, such as screen size or resolution. It enables responsive design by allowing different stylesheets or style rules to be applied depending on the device characteristics.
Browser compatibility:
- The chrome browser supports this feature starting from version 1
- The edge browser supports this feature starting from version 12
- The firefox browser supports this feature starting from version 1
- The safari browser supports this feature starting from version 3
Availability: