Reusable CSS with Mixins

HTML-CSS
#1

please tell me where i am wrong
Tell us what’s happening:

Your code so far


<style type='text/sass'>
@mixin border-radius($radius)
{
-webkit-boder-radius: $radius;
-moz-boder-radius: $radius;
-ms-boder-radius: $radius; 
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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 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

Hey there,

Just watch-out for those typos: You have said boder instead of border. I spent 10 min trying to see what was wrong…

#3

oh shit
but still not solved

#4

Hmm…you could try some old-fashioned text formatting. If that does not fix it, can you paste your updated code?

1 Like
#5

You might try a different browser, I fixed the typos and it passed.

1 Like
#6

yes you are right …solve it thanks for your help :slight_smile:

1 Like
#7

thanks sky020 " for your help :slight_smile:

#8

Should be scss instead of sass.

#9

Hey @davidluoyes!
This topic is inactive for a year. I sugget you to create a topic if you have any doubt.

#10