Sorting your friends, Identify your ids


#1


My code is not working for some reason. Can someone explain why?

HTML-code:

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>My Social Network</title>
	</head>
	<body>
	<div class="friend" id="best_friend">
	
	</div>
	<div class="family">
	
	</div>
	<div class="enemy" id="archnemesis">
	
	</div>
	</body>
</html>

CSS-code:

div {
	display: inline-block;
	margin-left: 5px;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	border: solid 2px black;
}
#best_friend {
    4px solid #00C957;
}
#archnemesis {
    4px solid #CC0000;
}
.friend{
    border: 2px dashed #008000;
}
.family{
    border: 2px dashed #0000FF;
}
.enemy{
    border: 2px dashed #FF0000;
}


Im getting the "Oops, try again. Did you remember to give your #best_friend a border of color #00C957?" error message.


#2

Hi these part doesn't look right

#best_friend {
    4px solid #00C957;
}
#archnemesis {
    4px solid #CC0000;
}

it's missing something to these lines

4px solid #00C957;
4px solid #CC0000;

you have the value but not the propriety


#3

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