Why wont this code work?

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

```

Replace this line with your code.
assigment:
Give members of your “friend” class a border that’s 2px dashed #008000.
Give members of your “family” class a border that’s 2px dashed #0000FF.
Give members of your “enemy” class a border that’s 2px dashed #FF0000.

html:

My Social Network <div class="friend" <div class="family" <div class="enemy"

css:
div {
display: inline-block;
margin-left: 5px;
height: 100px;
width: 100px;
border-radius: 100%;
border: solid black 2px;
}

.friend {
border: dashed 2px color:#008000;
}

.family {
border: dashed 2px color:#0000ff;
}

.enemy {
border: dashed 2px color:#ff0000;
}

error:
Oops, try again. Did you remember to give your .friend class a border of 2px dashed #008000?

what did i do wrong? plz help

<do not remove the three backticks above>

It is just simply

.friend {
    border: dashed 2px #008000;
}

No need for color:. Same goes for .family and .enemy.

that doesnt solve it for me still gives same error

nvm i fixed it thank you

1 Like

how did u solve it? can u send me the code?

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