CTRL-0 (zoom in or out) not correcting this problem


#1


https://www.codecademy.com/courses/web-beginner-en-jNuXw/0/5?curriculum_id=50579fb998b470000202dc8b


Oops, try again. Did you remember to give your .friend class a border of 2px dashed #008000?


<!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"></div>
		<div class="family"></div>
		<div class="enemy"></div>
		
	</body>
</html>

/*Add your CSS below!*/

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


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

.family {
    border: 2px dashed #00F;
}

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


#2

.friend {
    border: 2px dashed #080;    // have a close look here you have to write #008000
}

#3

The code actually worked with #080. Seems like that wouldve tripped some alarm somewhere since it breaks down to #008800. Moving the layout fixed the problem though without even fixing the color. Oh well.


#4

i dont think sequence can create a problem .but is your code working with #080?


#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.