RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
My google avatar.
devrel@google
notecss

A CSS bento-like grid that's aware of the number of children and aspect ratio available thanks to :has() and @container.

Try the demo

Shout out to view-transition's for making the interactive demo so much more compelling.

0 mentions #

56likes
25reposts
  • Elly Loel ✨????
  • The Spicy Web
  • Hayden
  • kirch
  • Ryan the Design Lion
  • GENKI
  • Dan Ryan :dryan:
  • Stephen Bannasch
  • Robb
  • Mayank
  • knowuh
  • Adrian Cochrane
  • nate
  • Ryan Mulligan
  • Kevin Lee Drum
  • Ben Pate ????
  • Fran
  • Noble :frostbite:
  • Daniel P H Fox
  • Arthur Melo
  • Jeroen Zwartepoorte
  • Sambit Sahoo :vue:
  • Jack Iakovenko
  • Pippin
  • Gustav Hansen