I’m having that “it seems you have height 18px” problem. How do i fix it. Please, consider me slow.
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>About Me</title>
</head>
<body>
<img src="https://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/>
<p>We're Codecademy! We're here to help you learn to code.</p><br/><br/>
<div>
<a href="https://www.facebook.com/codecademy">Friend us on <span>Facebook!</span></a>
</div>
</body>
</html>
img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}
p {
text-align: center;
font-family: Garamond, serif;
font-size: 18px;
}
/*Start adding your CSS below!*/
div {
height:50px
width:120px
border-color:#6495ed
background-color: #bcd2ee
border-style: dashed
border-width:4px
}
you are missing a few semi-colons in div css selector
Of course, I knew that, I was just testing you. JK!!
THANK YOU!!
1 Like
Why is this not working?
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>About Me</title>
</head>
<body>
<img src="https://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/>
<p>We're Codecademy! We're here to help you learn to code.</p><br/><br/>
<div>
<a href="https://www.animalplanet.com/tv-shows/fatal-attractions/videos/reptile-videos/"><span>Cute Creatures!</span></a>
</div>
</body>
</html>
img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}
p {
text-align: center;
font-family: Garamond, serif;
font-size: 18px;
}
/*Start adding your CSS below!*/
div {
height:50px;
width:120px;
border-color:#6495ed;
background-color: #bcd2ee;
border-style: dashed;
border-width:4px;
border-radius:5px;
margin:auto;
text-align:center;
a {
text-decoration:none;
color:red;
font-family:Gabriola,sans-serif;
}
You didn’t close your div
I cannot check your HTML as your code is not visible, please use this format when pasting in code