Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Joseph Millar
779 PointsProfile image only showing half of circle...
After adding the media query to allow my profile photo to float left, when viewed in desktop mode the image only shows half a circle. And then when the browser is shrunken down the image does not float left.
3 Answers
Jennifer Nordell
Treehouse TeacherAh ha! I found another solution to the half circle thing and it was in your crop-image profile-image css. Here's a look at what I did:
.crop-image{
height:200px;
width:200px;
position:relative;
border-radius:100%;
overflow:hidden;
margin: 0 auto;
}
.profile-photo{
position:absolute;
margin: 0 auto;
height:auto; width:100%;
}
Joseph Millar
779 PointsMany thanks!
Joseph Millar
779 Points
Joseph Millar
779 PointsAll good, turned out my profile image was in a div, due to a size issue i had earlier. I just had to call it what the class was called in the div and its worked.
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherIn the upper right hand corner of your workspace you'll find a camera icon. Click that to make a snapshot of your workspace and link it here. This way we can examine all parts of your code and file and directory structure. This makes it much easier to help you :)