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.


gird layout

please help me , i can't do this questions ,,,?? => A column that's 85px wide and nested inside a 1000px row, when converted to a percentage is__% wide. =>When creating a grid-based layout, we’ll need to think of our layout as sets of____ inside______ =>To create 3 equal-width content columns in a 12 column row, we'll need to make each one __________columns wide.

1 Answer

Jacob Miller
Jacob Miller
12,466 Points

The pixel to percentage formula is target / context = result. So for the first question, you take the target width, which is 85px, divided by the context, which is 1000px. The result is 0.085, and when converted to a percentage equals 8.5%.

For the second question, we need to think of our layout as columns inside of rows.

Third, to create three equal width columns in a 12 column row, you just take 12 and divide it by 3. So each of the three equal columns would be 4 columns wide.

ok , tanks so much jacob :D