5/8 Use classes to add class code is perfect but won’t validate.is there a glitch in the exercise?


#1

here's my code on CSS;

/*Add your CSS below!*/

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

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

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

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


#2

your div is missing a closing curly bracket (}). Your border declaration will work, but it is not perfect. there are two ways to declare a border:

border: 1px solid black;

and:

border-width: 1px;
border-style: solid;
border-color: black;

what you do works, but border property expect 3 values, you only provide one, so it comes with 2 default, which then you overwrite with border-color and border-width. It works like you do it, just a tip for perfection