[solved]Sorting Your Friends 7. Identify your IDs

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

/*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!


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