Why wont this code work?


#1


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:
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>My Social Network</title>
	</head>
	<body>
		<!--Add your HTML below!-->
		<div class="friend"</div>
		<div class="family"</div>
		<div class="enemy"</div>
	</body>
</html>


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


#2

It is just simply

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

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


#3

that doesnt solve it for me still gives same error


#4

nvm i fixed it thank you


#5

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


#6

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