Not sure what the Directions Say

Not sure what the Directions Say
0.0 0

#1

Tell us what’s happening:

Your code so far


<style>

  div{ 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin:  50 auto;
    background: repeating-linear-gradient(
      45deg,
      0px [yellow -- blend -- black] 40px [yellow -- blend -- black] 80px
    );
  }

</style>

<div></div>

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element


#2

That challenge was a bit odd. Not sure what was being demonstrated there. Maybe I’m missing the point.

Make stripes by changing the repeating-linear-gradient() to use a gradient angle of 45deg, then set the first two color stops to yellow, and finally the second two color stops to black.

You just have to follow the instructions literally. You have already changed the angle now just replace the colors as they stated in the instructions.

EDIT: After some sleep I realize I was not any clearer than the instructions for this challenge…
Literally change the given code so that the first two colors are yellow and the second two are black. That example given [yellow -- blend -- black] WAS NOT valid code but more a conceptual representation.


#3

I had also problem with that challenge… because answer was too easy:

"
background: repeating-linear-gradient(
45deg,
yellow 0px,
yellow 40px,
black 40px,
black 80px,
);
"

I was trying also do this same way like you :slight_smile: