What is going on?!?

I don’t know what is happening. Did I do something wrong?

html

<style type='text/scss'>



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

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

Challenge: Create Reusable CSS with Mixins

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

thank you for editing! <p>Hello world</p>

The mixin should not be inside the #awesome selector. Move it out and up to before the selector.

ok Thanks for helping❤