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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![bbvjjwjaqq](https://secure.gravatar.com/avatar/39c65b61d2d1ff2267ca8d75127f349c?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
bbvjjwjaqq
1,849 Pointspercentage 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](https://uploads.teamtreehouse.com/production/profile-photos/2053962/micro_Cantona.jpg)
Nguyễn Thành Công
11,880 PointsIt too complex to use CSS, instead you can use javascript to do that.