Oops, try again. Did you remember to give your #best_friend a border of color #00C957?


#1

Why the error message?


#2

You could you copy paste your code to the forum? Can i see your html code as well?


#3

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>My Social Network</title>
	</head>
	<body>
		<!--Add your HTML below!-->
		<div class="friend" id="best_friend" style="border: 2px dashed #008000">Freunde</div>
		<div class="family" style="border: 2px dashed #0000FF">Familie</div>
		<div class="enemy" id="archnemesis" style="border: 2px dashed #FF0000">Feinde</div>
		
	</body>
</html>

==========================

/*Add your CSS below!*/

div {
	display: inline-block;
	margin-left: 5px;
	height:100px;
	width:100px;
	border-radius:100%;
	border:solid black 2px
}
#best_friend {
    border: 4px solid #00C957;
}
#archnemesis {
    border: 4px solid #CC0000;
}

#4

No, I cant.

It's not displayed correctly. Bute here a the screenshots:


#5

don't know what you mean... sry


#6

the style attribute (in html) overwrites everything you define in css. Which is why you get the error message

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#7

Thank you, but how to correct the code? Where is the problem?


#8

correcting the problem: Removing the style attribute
You do know what the style attribute is, right? If you don't, i recommend to go back to the exercise where you learned the style attribute, which is this exercise


#9

4 posts were split to a new topic: Best friend border problem


#12

A post was merged into an existing topic: Best friend border problem


#13

5 posts were split to a new topic: best_friend boder problem