CSS - Size and borders

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

CSS - 25. Size and borders - https://www.codecademy.com/en/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
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;}

<do not remove the three backticks above>

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

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;

}

Make sure your browsers zoom is set to 100%

Double checked and it is set to 100% on chrome

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

<!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>

your code looks fine,

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

If so then try another browser

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

1 Like

cool!

Glad you passed!

Happy learning & coding!