Some questions

Jan 2, 2013 at 8:41 PM
Edited Jan 2, 2013 at 8:42 PM

Not sure how exactly the fr is used in the grid - child elements with the -ms-grid properties. I would appreciate either Mike or Jeremy would clarify...

Coordinator
Jan 3, 2013 at 8:52 AM

The fr stands for fraction and represents the portion of free space a given column or row should take up. Say you want to have 3 columns. The first one should always be 100 pixels wide and the second and third columns should each take up half of the remaining space. You would use -ms-grid-columns: 100px 1fr 1fr. If you used 100px 1fr 2fr then the third column would be twice as wide as the second one. Is that clear?