Identifying Your IDs NOT WORKING


#1


I'm pretty sure my code is correct but it is not working. Can anyone see something I am missing? Getting really frustrated.


Oops, try again. Did you remember to give your #best_friend a border of color #00C957?


<!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" id="best_friend"></div>
		<div class="family"></div>
		<div class="enemy" id= "archnemesis"></div>
	</body>
</html>


/*Add your CSS below!*/

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


#2

.enemy is not closed


#3

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