Select the image and set it to be a block element.

Leah Miller

You need to add this

img {
 display: block; 
}

to the main.css file.

What Dave said above me is a good template for the answer. The "img" that he writes is where you will fill in the respective images class name.

img{

display:block;

}

Since we are directed to name the image's class "profile-photo" we must use that class name as the selector for the display property.

.profile-photo{

display:block;

}

display:block
}

hope this helps,sweet pea! <3

Only this does not work as a correct answer on the code challenge

I had the same problem as others described. The code provided above is correct-- don't forget to paste it in the CSS file. I was mistakenly pasting it in the HTML file.

-Annalee

In CSS, you can create a selector to select the image tag like this:

img {

}

To make an element display as a block-level element use the display property:

display: block;

img { display: block }

!!!!! I have spent at least an hour trying to figure out how to make this work in the HTML, including nesting it in a <div> element, adding <style> etc within the page. I guess because I have to access the challenges through a VPN the pages are many times not so responsive. I JUST FOUND OUT THERE IS A CSS PAGE AVAILABLE :'(

Thanks to Analee!

.profile-photo{ display:block; } the profile-photo class is the image class created in previous exercise where you had to declare Nick's image as class profile-photo.