My photo on the about page is not centered and is not seen on the page. it is all the way right to the header. why? help

I dont know where exactly the teacher notes are but if your code is exactly like as follows below it will work. You must add clear: both; to the class.

.profile-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

The only thing I can really think of is that some browsers, in the case of missing or problematic CSS, will replace it with their own as a sort of failsafe to messed up code.

Besides that I definitely recommend Chrome from now on out it is a lot more developer friendly!

It appears to me, in encountering a similar problem, that the Firefox browser does interpret things a bit differently. (Oh, figured I should also mention that I'm working in a Linux Ubuntu environment, not Windows or Apple Mac.) When I coded the display as "inline-block" instead of "block" the image appeared and stays left. Responding to the comment immediately above this, although it's a bit of an aside, Chrome may behave better in terms of the coding for this particular assignment, but I'll stick to the open-source Mozilla Firefox as my default browser, rather than the proprietary Google Chrome, thank you very much! Yes, the display will ultimately need to work in both, (as well as other browsers, such as the disgusting Internet Explorer) and learning to make those adjustments will have to be a part of the task of coding in the future. It's just the way things will have to be, in an imperfect world.

Hi, Ryan, I'm a long way from any sort of expertise in this stuff. My previous education/experience was coding with Dreamweaver, some basic hand-coding with Notepad, and a little bit with Komodo Edit, (which is what I'm using now) under Windows 7 on the basis of a 1-year community college certificate in Web Development & Design, and is outdated by about 2 1/2 years, which was when my husband died unexpectedly and my life blew up. I've been delighted with the opportunity Code Oregon has provided for me to catch up and get current. I jumped in on this thread because when I coded this assignment as directed, I had the same thing happen with the profile picture disappearing when the CSS was applied. Trying out various things, I found the "inline-block" display mode at least brought the picture back. I just thought that the fact that I'm using the Firefox browser on a machine running Linux Ubuntu Trusty Tahr (which has had issues of its own) might have something to do with why MY site was behaving the way it was. (And, might generalize to others? I don't know what OS Nicholas is using, of course, not being psychic.) I'm still learning my way around Linux, so there's a lot I don't know about the different ways it works as compared to a machine running Windows. (I have a little bit of experience with Macs, from school, but not all that much, so I won't attempt to address that aspect of things.) I'm pretty determined about trying to figure things out on my own, so I'll wrestle with an issue for some time before I'll break down and ask for help. I've already noticed, too, that sometimes the security software I'm running can affect things in unexpected ways, so there's that, as well. Just thought I'd add this information to the mix, in case it suggests anything to you in the way of a solution to what Nicholas (and myself?) are experiencing here. Thank you for the quick response! Hopefully, an understanding of what's happening can be achieved with enough minds with diverse experience being applied to the situation. (We could run it by Support and see what they say?) Crap, and now the link images on the "contact" page won't show up, either! I give up. (For the time being, anyway.) Okay, partial surrender--I can get them to show up fine in the Komodo Edit version of the assignment, but not in Workspaces here. I do think the Linux isn't communicating well on the uploads of the image files. So, probably, the page isn't "finding" the images. Not sure how to fix that/find the right path. Doesn't seem to be the same problem with the security software blocking things, as I was having & discussed with Support before., or shouldn't be, at least, though I did notice I'd "lost" two of the image files for twitter & facebook icons. Again. But why those two and not the other two? Sigh.

img { border-radius: 100%; }