CSS básico - Mejora la compatibilidad con navegadores por medio de configuraciones de respaldo o "browser fallbacks"

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí. no se como mjorar la compatibilidad

  **Tu código hasta el momento**

<style>
:root {
  --red-color: red;
}
.fallback {
  background: red;
}
.red-box {
  background: (red fallback);
  background: var(--red-color,);
  height: 200px;
  width:200px;
}
</style>
<div class="red-box"></div>

  **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Desafío: CSS básico - Mejora la compatibilidad con navegadores por medio de configuraciones de respaldo o “browser fallbacks”

Enlaza al desafío:

2

Un valor de respaldo (fallback) tiene la misma sintaxis que un valor normal
no es necesario escribir “fallback”

background: (red fallback);