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
jihyunchoi
Courses Plus Student 165 PointsMy photo is portrait mode, but it displays in landscape.. how do I fix this?
My photo is portrait mode, but it displays in landscape.. So I researched a little bit... and I used this method on css...
img.profile-photo { ms-transform: rotate(90deg); webkit-transform: rotate(90deg); transform: rotate(90deg); }
but the picture just floated all over the page, covering my paragraph as well as the header and navigation.
1 Answer
Jonathan Grieve
Treehouse Moderator 91,253 PointsI think it's because although visually the element rotates and changes appearance the original box model proportions remain in effect.
You might want to ensure there is space in Portrait mode so it doesn't overlap by putting a margin-bottom: property on your element. :-)