Can anyone help me here?

HTML-CSS
1

Tell us what’s happening:

Your code so far


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


#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/87.0.4280.88 Safari/537.36.

Challenge: Create Reusable CSS with Mixins

Link to the challenge:

2

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

3

Hi @yousifr.ismail!

Welcome to the forum!

You don’t need to delete what was already there.

  #awesome {
    width: 150px;
    height: 150px;
    background-color: green;
  }

Just add to it.

Also when you run tests it will tell you what to fix. You wrote everything for a box shadow when your task is for a border-radius.

4

I can not solve this problem can you help me?

5

What are you trying to do? What have you tried? What problems have you encountered?

6

It is a task and i can not complete it .

7

Can we see your updated code?

8

Learn-Sass-Create-Reusable-CSS-with-Mixins-freeCodeCamp-org
Learn-Sass-Create-Reusable-CSS-with-Mixins-freeCodeCamp-org1914×896 34.8 KB

9

The first line in the instructions says to write for a border-radius. But you keep writing for a box-shadow instead.

So you need to change to border-radius.

In the #awesome element you need to add this back in. That is what I meant by just add to it. Keep the width, height and background color and just add @include.

make sense?

1 Like
10

still the same error?!!!

Learn-Sass-Create-Reusable-CSS-with-Mixins-freeCodeCamp-org (1)
Learn-Sass-Create-Reusable-CSS-with-Mixins-freeCodeCamp-org (1)1903×903 111 KB

11

I still see box shadows though.

The first error messages says your code should include the webkit-border radius.

There is no need to use any box shadows.

If you read through each of the error messages it will tell you to use border radius for each one.

The box shadow was only used in the example FCC gave but you are not supposed to use in the actual challenge.

make sense?

12

Thank you, I feel so stupid, I did not read it correctly.
thank you again

1 Like
13

No worries.

Happens to all of us.

Happy coding!

1 Like