RE: [css3-grid-layout] mismatched grid template strings

Brad, in your example below the expansion of b resulted in a non-rectangular cell so that wouldn't be OK.  I think its simplest just to treat the missing letters as an unnamed region of the grid.  The location can be assigned to a grid item using a numeric position, but not by using a named grid cell.  That's basically what Elika was suggesting with '.' padding, although we don't currently talk about the role of non-letters (i.e. '.') in the grid.

I'll open an issue to document something explicit regarding unequal lettering.  I'll open another for documenting the role of non-letters for the grid-template property.

-----Original Message-----
From: Brad Kemper [] 
Sent: Thursday, March 15, 2012 6:52 PM
To: fantasai
Subject: Re: [css3-grid-layout] mismatched grid template strings

On Mar 13, 2012, at 6:25 PM, fantasai <> wrote:

> Lea Verou pointed out a problem in the Grid Layout spec: it doesn't 
> specify what happens if the template strings are not all the same 
> length, e.g.
>  grid-template: "aa"
>                 "b"
>                 "bg";
> Possible options are to treat this as invalid; or to fill the missing 
> slots with "." (the Template module's unnamed placeholder).

Another option would be to repeat the letter into a missing slot. I like this idea. So, a person could write this:

grid-template: "a"

And it would automatically expand to this:

grid-template: "aa"

Received on Friday, 16 March 2012 02:16:13 UTC