Is there a working implementation of CSS3 Grid Layout for Webkit?

Question

CSS Grid Layout, Editor’s Draft, 21 November 2011

I am in the midst of producing a prototype that will be shown to client on selected devices and browse

Answer 1

Chrome Canary implements the CSS Grid Layout TR 20130910. I have found minor differences in some of the property names. Steven Bradley summarizes the TR and provides instructions and examples for how to get started using the grid layout. To enable experimental features in Canary, copy and paste the following into the address bar

chrome://flags/#enable-experimental-web-platform-features

and click ‘enable’.

Answer 2

http://caniuse.com/css-grid

As of March 2017, quite a few browsers now support CSS Grid Layout:

---

old answer:

There's something in the works, here is the full issue tree for it's implementation:

https://bugs.webkit.org/showdependencytree.cgi?id=60731&hide_resolved=0

Here's some CSS from this file:

.gridWithFixed {
    display: -webkit-grid;
    -webkit-grid-columns: 7px 11px;
    -webkit-grid-rows: 17px 2px;
}

You can see the intent. Unfortunately, they've only got as far as parsing the CSS.

So, it looks like right now there's no working implementation of this for WebKit.

While Grid Layout has very poor support, Flexbox has decent support (apparently, including IE10). I suggest you use Flexbox instead.