4 ms·
I'm a little confused because in your example, grid-template-areas lists words that are the same as the class names on the elements, but I'm not (yet) sure that
by rhizome 9y ago
I'm a little confused because in your example, grid-template-areas lists words that are the same as the class names on the elements, but I'm not (yet) sure that grid-template-areas takes a list of class names rather than them being arbitrary identifiers for the areas being laid out.
- antibland 9y agoThe class names don't matter. Each grid-template-areas value has to match the grid-area value (the actual grid item being placed).
- rhizome 9y agoRight, but do you see how you've used the same terms for both?
- antibland 9y agoI see. I only added the class names to provide a container for each child to point to where it should be placed. The fact that I named the class and the grid area indentically could seem a bit confusing. Something like "marsha-container" might have been clearer.