Basic CSS - Improve Compatibility with Browser Fallbacks

HTML-CSS
1

Im not certain how to code the old fashioned way to include the fallback

  **Your code so far**

<style>
:root {
  --red-color: red;
}

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Basic CSS - Improve Compatibility with Browser Fallbacks

Link to the challenge:

2

From the instructions:

“…add another background declaration right before the existing declaration and set its value to red.”

You see the current background declaration, right?

background: var(--red-color);

You are going to add another one of those before (or above) the current one except it will have a value of red. The keyword red is already defined in CSS, you don’t have to do anything special to use it. Using red for the value is the same thing as using the alpha-numeric value for red.

You can have multiple declarations for the same property in a CSS rule set.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.