07-26-2023, 07:35 PM
Description:
The @supports rule allows you to apply styles based on whether a specific CSS feature is supported by the user's browser.
Example:
@supports (display: grid) {
body {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@supports not (display: grid) {
body {
float: left;
width: 50%;
}
}
The @supports rule allows you to apply styles based on whether a specific CSS feature is supported by the user's browser.
Example:
@supports (display: grid) {
body {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@supports not (display: grid) {
body {
float: left;
width: 50%;
}
}