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

CSS

Posted by Sayfuddin Achmad
Sayfuddin Achmad
4,813 Points

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.
*http://teamtreehouse.com/library/css-layout-techniques#grid-layout

1 Answer

Jacob Miller
Jacob Miller
12,466 Points
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.

Sayfuddin Achmad
Sayfuddin Achmad
4,813 Points

ok , tanks so much jacob :D