Height is correct in pixels, still getting error


#1

I tried a few times resetting and then actually went to the first page example and copied and pasted, still getting the

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%;
border:2px solid black;
}


#2

I get the same error in 'Sorting Your Friends' excercise '3. Style those divs!'

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

    <!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></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </body>
</html>

/*Add your CSS below!*/

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

#3

I'm getting the same error


#4

I'm getting this same error, here is my code:

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

What is incorrect about this?


#5

There is no "border-style". Just delete this one.


#6

mine is

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

mine is right.


#7

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

NOT working. I have what you had and still isn't working.


#8

Try resetting your browser's zoom ...


#9

I'm getting the same error. I've reset my brower's zoom at least 5 times. I've even tried zooming in to later reset to actual size and nothing.

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


#10








Mom


Brother


Son


Wife




div {
position: relative;
display: inline-block;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
margin-left: 5px;
margin-top: 5px;
text-align: center;
}

div p {
position: relative;
margin-top: 40px;
font-size: 12px;
}
.friend{
border: 2px dashed #008000;

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

I was missing the P tags.


#11

Im getting the same error

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


#12

I'm getting the same error with same input! And my browser zoom is 100%. I already hit CTRL + 0 for those who will answer this.


#13

/*Add your CSS below!*/

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

Compare yours to mine(mine works).


#14

/*Add your CSS below!*/

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

Mine works


#15

3 posts were split to a new topic: Need help wirh height


#16

This is a bit stupid. I was having the same error.. the only thing I have done was to insert another div in the HTML file.

IT WORKS!!


#17