Please my code wouldn't work what do i do?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


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

  **Your browser information:**

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

Challenge: Improve Compatibility with Browser Fallbacks

Link to the challenge:

2 
  background: red;
  background: var(--red-color, red);

You don’t need to put the “red” in two places. Using it on the first line makes it the fallback, so you don’t need to put it on the second line.

If I fix that, your code passes for me.

1 Like
3

thanks so much. it works

4

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