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 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.

56 likes
25 reposts
  • 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

Crawl the CSS Webring