Not Working!


For some reason the code shows up but it says like if I never did the first step. Here is my first piece of code

ddiv {
position: relative;
display: inline-block;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
margin-left: 5px;
margin-top: 5px;
text-align: center;

div p {
position: relative;
margin-top: 40px;
font-size: 12px;

.friend {
border: 2px dashed #008000;

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

.enemy {
border: 2px dashed #FF0000;

best_friend {

border: 4px solid #00C957;


archnemesis {

border: 4px solid #cc0000;



What is the error message? What exercise? given the code i guess exercise 7

Your div css selector looks a bit off, it has two d's.