CSS - Size and borders


#1

CSS - 25. Size and borders - https://www.codecademy.com/en/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b

Error message - Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?


h1 {font-family:Verdana,sans-serif;
    color:#576D94;
    }

p {font-size:18px;
    color:#4a4943;
    font-family:Garamond, serif;
}

img {border:1px solid #4682b4;}


#2

You forgot to add the height and widths that it asks for. Once you do that, it should work.


#3

Added the height and width to the img in the stylesheet tab, but still get the same error.

h1 {font-family:Verdana,sans-serif;
color:#576D94;
}

p {font-size:18px;
color:#4a4943;
font-family:Garamond, serif;
}

img {height:100px;
width: 300px;
border:1px solid #4682b4;

}

#4

Make sure your browsers zoom is set to 100%


#5

Double checked and it is set to 100% on chrome


#6

Let's see your HTML code, otherwise try another browser


#7

<!DOCTYPE html>
<html>
	<head>
	<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>Result</title>
	</head>
	<body>
	<h1>Hello</h1>
	<img src="http://bit.ly/NnVbxt" />
	<p>yes</p>
	
	</body>
</html>

#8

your code looks fine,

Do you see the image and border around it in preview ?

If so then try another browser


#9

Tried on IE and worked fine. Defo a browser issue. Thanks for the help.


#10

cool!

Glad you passed!

Happy learning & coding!


#11