Repository navigation
[css-grid] Issue 7 Add example of fixed size spanner getting extra space from content distribution #215
Description
I was working on some examples and built this which may be a good example for this section.
I have a grid container sized in absolute units, with grid tracks also sized using absolute units. The sum of the tracks in both directions is smaller than the container.
Using the keyword values space-around and space-between increases the spacing between tracks. Any grid area that spans one of these gaps thus gains width or height as the space is added to the total width/height.
Activity
tabatkins commentedon Jun 22, 2016
Nice, that looks great. I assume that first one is using gutters to produce the small constant spacing?
rachelandrew commentedon Jun 22, 2016
Yes - I thought it might make it more obvious that the spacing also increases the desired absolute gap.
tabatkins commentedon Jun 22, 2016
Makes sense. I'll just need to convert this to SVG and embed it - thanks for the example!
fantasai commentedon Jul 2, 2016
Added in commit 22b395c ! Thanks so much~ @tabatkins can convert it to SVG whenever he gets around to it, imho it's more important to have an image than an SVG image. ;)