Help please its hard

HTML-CSS
1

Tell us what’s happening:

i dont seem to understand

Your code so far


<style>
  :root {
   
  }
  .red-box {
    background: var(--red-color, red);
    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 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks/

2

if you reset code you will notice that in the .red-box selector there is an empty line, that empty line is for you to write the browser fallback. The browser fallback is needed in case the browser doesn’t support the use of variables, so it needs to set the color without the use of variables, like you would have done a few challenges ago before finding out about variables

3

that’s the problem here
i dont know what the browsers fallback should be
it’s all confusing:worried:

4

the browser fallback is what the browser uses if it can’t read the variable. SO you need to create a background declaration that doesn’t uses variables so it can be used by an old browser that doesn’t support variables

1 Like
5

thanks bro
you were really helpful:smiley: