CSS Code not working

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>
	<p>Easy HTML</p>
	<h1>I Like it</h1>
	<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>

Here is my CSS code:

  font-family: Garamond, serif;

    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?

Can you share the exercise url?


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


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

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

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