[solved]Sorting Your Friends 7. Identify your IDs


#1
<head>
	<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	<title>My Social Network</title>
</head>
<body>
	<!--Add your HTML below!-->
	<div class="enemy" id="archnemesis"></div>
	<div class="friend" id="best_friend"></div>
	<div class="family"></div>
</body>

/*Add your CSS below!*/

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

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

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

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

bestfriend {

border: 4px solid #00C957;

}

archnemesis {

border: 4px solid #CC0000;

}

"Did you remember to give your #best_friend a border of color #00C957?"

I have tried everything just about. I refreshed the browser and tried and different one altogether. Is there a mistake I'm just not seeing? Please help!


#2

I actually found the problem. I needed to change "bestfriend" on the css sheet to "best_friend".


#5