Mastodon Feed
Reblogged by slightlyoff@toot.cafe ("Alex Russell"):
anatudor ("Ana Tudor 🐯") wrote:
#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 https://codepen.io/thebabydino/pen/XWvKjJJ
#CSS #code #coding #frontend #cssGrid #cssLayout #web #webDevelopment #dev #webDev #3D #geometry
Attachments:
- Snub dodecahedron with a part of the CSS used to create it seen 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.
