Re: [csswg-drafts] [css-grid] Introducing overlapping cells in grid-template-areas syntax (#2808)

Be aware that this is what a complex example would look like (I offset some of the grid borders for clarity):

![ square in split into 3 by 3 portions; A covers portions 1, 2, 4, 5, 7 & 8; B covers portions 2, 3, 5 & 6; C covers portions 1, 2, 4, and 5; D covers poritons 5, 6, 8 & 9](https://user-images.githubusercontent.com/10610368/75594527-226c0c00-5add-11ea-9336-ba934b30acf0.png)

https://codepen.io/daniel-tonon/pen/eYNWaKJ

```css
.grid {
  display: grid;
  grid-template:
    "[a-alpha c-long-name-because-reality]      [a-alpha b-beta-beta c-long-name-because-reality]          b-beta-beta"         1fr
    "      [a-alpha c-charlie]             [alpha beta-beta c-long-name-because-reality d-deltorino] [b-beta-beta d-deltorino]" 1fr
    "           a-alpha                                      [a-alpha d-deltorino]                           deltorino"         1fr /
                  1fr                                                 1fr                                       1fr;
}
.cell-a {
  grid-area: a;
}
.cell-b {
  grid-area: b;
}
.cell-c {
  grid-area: c;
}
.cell-d {
  grid-area: d;
}
```

-- 
GitHub Notification of comment by Dan503
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2808#issuecomment-592776106 using your GitHub account

Received on Friday, 28 February 2020 23:28:46 UTC