I am missing something: Create Reusable CSS with Mixins

Tell us what’s happening:

I keep getting the message:
Your code should include the general border-radius rule that uses the $radius parameter.
but if i add

$radius: `border-radius`  15px;

it fails and i keep getting the same error message
Your code so far

<style type='text/scss'>
$radius:  15px;
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
box-shadow: $radius;


#awesome {
  @include border-radius(15px);  //changing 15px to $radius also does fail
  width: 150px;
  height: 150px;
  background-color: green;


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

Your browser information:

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

Challenge: Create Reusable CSS with Mixins

Link to the challenge:

Check the very last line of your mixin carefully. I don’t think you really want a shadow added

1 Like