SASS - Create Reusable CSS with Mixins

HTML-CSS
1

Tell us what’s happening:

I think there is something wrong here, I can’t find it

Your code so far

<style type='text/scss'>

@mixin shape($w, $h, $bg-color) {
  width: $w;
  height: $h;
  background-color: $bg-color;
}
#square {
  @include shape(50px, 50px, red)
}

#rect-a {
  @include shape(100px, 50px, blue)
}

#rect-b {
  @include shape(50px, 100px, orange)
}
};
</style>

<div id="square"></div>
<div id="rect-a"></div>
<div id="rect-b"></div>

Your browser information:

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

Challenge Information:

SASS - Create Reusable CSS with Mixins

2

Hi @brianreyfuentesvarga

You have a syntax error in the console.

Error: Invalid CSS after “}”: expected selector or at-rule, was “};” on line 18:2 of /stdin >> } -^

Make sure to place a semi colon at the end of each value.

Happy coding