SASS - Create Reusable CSS with Mixins

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I dont understand the bug at all
Your code so far

<style type='text/scss'>


@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
}
#awesome {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
#awesome {
  @include border-radius(15px);
}

</style>

<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/114.0.0.0 Safari/537.36

Challenge: SASS - Create Reusable CSS with Mixins

Link to the challenge:

3

You added -o-border-radius: $radius; which the test does not expect.

Also, even though removing that will let you pass the challenge, you change the code to the point where it isn’t doing what it is supposed to do. I would reset the challenge and complete it as intended.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.