7/8 response not working


#1

div {
display: inline-block;
margin-left: 5px;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
}
.friend {
border: 2px dashed #008000;
}
.family{
border: 2px dashed #0000FF;
}
.enemy

best_friend{

border: 4px solid #00C957;

}

archnemesis{

border: 4px solid #CC0000;

}
I have no idea why it is not workin git always just says
Oops, try again. Did you remember to give your #best_friend a border of color #00C957?
The index.html is right so i am confused


#2

Please re-edit your Post

  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.


#3

div {
display: inline-block;
margin-left: 5px;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
}
.friend {
border: 2px dashed #008000;
}
.family{
border: 2px dashed #0000FF;
}
.enemy{
border:2px dashed #FF0000;
}

best_freind {

border: 4px solid #00C957;

}

archnemesis {

border: 4px solid #CC0000;

}indent preformatted text by 4 spaces


#4
have a close look at

best_freind


#5

copy your code to reply window
press Ctrl+A and Ctrl+K
then post


#6

Thank you, not sure what i did there.


#7

My response to answer window is not working and showing my answer is not correct
i did it like this

best_friend {

border: 4px solid #00C957;

}

archnemesis {

border: 4px solid #cc0000;

}
what is wrong in my coding please help me.


#8

I did it like this and it worked

best_friend {

border: 4px solid #00C957;

}

archnemesis {

border: 4px solid #CC0000;

}

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

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

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

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