Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Is there a pre-intro version of this document? I am lost at the Introduction itself and not able to get past it. In particular:

> If I need to position child items within the grid, I need to specify the line number for each item by using grid-column.

Stuck at what is 'line number' in this context? I tried to force my way through it hoping context would fill it in but immediately got stuck at fractions like '1 / 3' followed by '1 / 4'.



Line numbers are the dividing lines between columns. If you have 2 columns you’ll have 3 lines: |a||b| the two lines in the middle actually count as 1. Hence 3 lines. So 1/3 is not a fraction its column span. It means “start at line 1 and end at line 3”.


If you scroll down just a bit, the article provides a live demo so you can play with the system and see what’s happening.

The “line numbers” (not a great name) are the column edges. So 1/3 goes from edge 1 (the left-most) to edge 3, spanning 2 full columns.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: