5. CLASS Oops, try again. Did you remember to give your .enemy class a border of 2px dashed #FF0000?


#1

/*Add your CSS below!*/

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

}
.friend {
border:2px dashed;
color: #008000;
}
.family {
border:2px dashed;
color: #0000ff;
}
.ememy {
border: 2px dashed;
color:#FF0000;
}

What am i doing wrong?


#2

there are two proper ways to define a border:

border: 3px dotted red;

or wit the individual property's:

border-width: 3px;
border-style: dotted;
border-color: red;

you sort of hava mixture from the first and second method with a property (color) which is off


#3

what?Ii don't get it do i need to change the .ememy? @stetim94


#4

no, you need to fix your border declaration, i showed you the two ways border can be declared (border property with 3 values or individual property's), your border isn't this way, while it should be


#5

What you ended up doing was making a border 2px dashed, but you accidentally made the whole div of .enemy the color #FF0000.
To fix this, you can change 'color:FF0000' to 'border-color:#FF0000".


#6

you put a m instead of an n in enemy


#7

This fixed my issue, although I was consistent with the individual properties CSS, I didn't work. The first way to define the border worked.

Thanks!