Create Reusable CSS with Mixins -- HEELLPPP

Tell us what’s happening:
My code isn’t running and it seems to be the right way to execute the problem. Any advice/tips are very much appreciated thanks!

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 {
  @include border-radius (15px);
    width: 150px;
    height: 150px;
    background-color: green;
    
  }
</style>

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36.

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

In the @inlcude line, remove the space between border-radius and (15px)

1 Like