CSS Code not working


#1

Here is the question:
Add an <img> to your HTML document. Its src attribute can point anywhere! (Check the Hint if you’re stuck or need a picture.)
On the CSS tab, set your image’s height to 100px and width to 300px.
On the CSS tab, give your image a border of 1px solid #4682b4.

Here is my HTML code:

<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
	</head>
	<body>
	<p>Easy HTML</p>
	<h1>I Like it</h1>
	<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>
	</body>
</html>

Here is my CSS code:

p{ 
  font-family: Garamond, serif;
}

h1{
    font-family: Verdana, sans-serif;
}

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

Trying to submit am getting the following error:

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

What could be the problem?


#2

Can you share the exercise url?


#3

https://www.codecademy.com/en/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b#


#4

What i thought, that is the old (no longer supported) learning environment, its recommended to update to the supported course:

https://www.codecademy.com/learn/learn-css
https://www.codecademy.com/learn/learn-html

as for your issue, the browser zoom affects the border-width, so ensure zoom is set to 100%


#5

okay thanks for the reply let me head over to the new curriculum


#6

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