Tell us what’s happening:
This is the message I get and I don’t know how to fix it
Your code should include the general border-radius rule that uses the $radius parameter.
Your code so far
<style type='text/scss'>
@mixin border-radius($radius){
-webkit-border-radius:$radius;
-ms-border-radius:$radius;
-moz-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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36
.
Challenge: Create Reusable CSS with Mixins
Link to the challenge: