Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

percentage height and aspect ratio of 1:1

Hello community,

I want to build a a page looking like this: http://www.directupload.net/file/d/3862/3mbbwasw_jpg.htm

Every gray container have a height of 25%. Now i want to add a div in each of this containers with an border-radius of 100%, a height of 90% of the container and a related width to get an aspect ratio of 1:1.

I tried to use height: 90% and width: auto. But the width fitted to the content of the div.

Thanks for your help!

1 Answer

Nguyễn Thành Công
Nguyễn Thành Công
11,880 Points

It too complex to use CSS, instead you can use javascript to do that.