Make sure your <div>s are 100 pixels high! (If your height looks correct, make sure your border-radius is 100%, not 100px!)


#1

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


Oops, try again. Make sure your

s are 100 pixels high! (If your height looks correct, make sure your border-radius is 100%, not 100px!)

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


#2

Make sure your browser(zoom) is at 100%. You can make sure by doing ctrl+0 or cmd+0.

I also suggest you combine the stuff in your second div to your first div since they are both the same selector, why not just put everything under one?


#3

I have using the ctrl 0 for days on both chrome and firefox.

When I had the code all in one div the it would give a linter warning and tell me:

Using Height with border sometimes makes elements larger than expected.
Using width with border sometimes makes elements larger than expected.

As a result, I still can not move forward to the next lesson.


#4

I ignored the warning and just put them all in one. Strange, I used Chrome and made sure my browser is at 100% zoom and it passed. Try IE/Edge.
I believe for the old HTML&CSS lessons, you are able to skip this one by navigating through the menu.


#5

Ok, thanks

j. wilby


#6

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