Create Reusable CSS with Mixins0

Tell us what’s happening:
This below test case fails Can anyone help me out with explanation where have i done wrong. Thanks in advance.

Your code should call the border-radius mixin using the @include keyword, setting it to 15px.

Your code so far


<style type='text/sass'>
  @mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  border-radius: $radius;
}

  #awesome {
    width: 150px;
    height: 150px;
    background-color: green;
    @include border-radius mixin(15px);
  }
</style>

<div id="awesome"></div>
  

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/create-reusable-css-with-mixins

Hi.

@include border-radius mixin(15px);

Something is wrong here, look at the syntax and at your code, and try to figure out what you did wrong.

okay i got it now. Thanks