Build failed for CSS with Mixins

HTML-CSS
1

Tell us what’s happening:
I am getting below error in console
// running tests
timeout
Build failed

Your code so far


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


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

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

Your browser information:

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

Challenge: Create Reusable CSS with Mixins

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

2

Working Now. Thanks anyway.

3

Hello ArshiMustafa, welcome to the forums!

I ran your code in Chrome, and it failed with the error,

// running tests
Your code should include the general border-radius rule that uses the $radius parameter.
// tests completed

Since you have the border-radius rule in your code, I would recommend that you check that rule for any errors.

(Hint: Check if there are any differences between the border-radius rule and the rest of them.)

4

Hi lucassorenson,

Thanks for replying.
I misread instructions and put general border-radius on top. While, It should be bottom of the mixin.