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


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峄卬 Th脿nh C么ng
Nguy峄卬 Th脿nh C么ng
11,880 Points

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