2026-04-27 18:02 UTC
@hejchristian@front-end.social Here's another fairly simple solution using pseudo elements per grid item that are positioned relative to the parent (i.e. no `position: relative` on each item):
https://codepen.io/diondiondion/pen/Wboejjy
This even creates a full grid if items are missing in the last row, as each cell creates grid lines spanning the entire grid (so transparent lines would be tricky to achieve).
Based on @chriskirknielsen@front-end.social original pen for the HTML & CSS var setup :)
Replies (1)
-
@hejchristian@front-end.social 2026-04-27 20:10
@diondiondion@indieweb.social Oh nice one! More the merrier ☺️