#tinyCSSsnippet
LightNews LightNews
anatudor.bsky.social
#tinyCSSsnippet I've been shocked 🙀 to learn has been slept on:

```
.container { display: grid }
.stacked-item { grid-area: 1/ 1 }
```

I use it all the time to stack elements.

Stack faces of polyhedra before positioning them in 3D. Stack images. Stack 🥧 slices codepen.io/thebabydino/...

#CSS
Snub dodecahedron with a part of the CSS on the left - the `grid-area: 1/ 1` line is highlighted. Stack of slightly rotated big cat images. A pie chart made up of 7 different size slices. Slice 4 is hovered and slides out. On the left, there's a bit of the code, with the `grid-area: 1/ 1` line highlighted for `.slice` elements. Fancy animated cube. On the left,there's a bit of the CSS used to create it, with the `grid-area: 1/ 1` line highlighted for `.face` elements.
January 5, 2025 at 8:08 AM